NOTHING TO DO HERE. GO TO A SUPPORTED WEBSITE, AND LOOK FOR WATCH PARTY IN THE BOTTOM RIGHT
CORNER OF YOUR SCREEN
@@ -67,5 +87,7 @@ HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia
FAQFeedbackDonate
+
+
diff --git a/app/public/popup.js b/app/public/popup.js
new file mode 100644
index 0000000..497c4c0
--- /dev/null
+++ b/app/public/popup.js
@@ -0,0 +1,7 @@
+function clearLocal() {
+ window.localStorage.removeItem('parties');
+ return 0;
+}
+window.onload = function () {
+ document.getElementById('clear-button').onclick = clearLocal;
+}
\ No newline at end of file
diff --git a/app/src/Chat.js b/app/src/Chat.js
index 583d74f..f442d4c 100644
--- a/app/src/Chat.js
+++ b/app/src/Chat.js
@@ -167,6 +167,7 @@ export default class Chat extends Component {
this.port.postMessage({
type: 'INIT',
roomId: LocalData().partyName,
+ roomPin: LocalData().partyPin
});
// Listener
this.port.onMessage.addListener((response) => {
diff --git a/app/src/Create.js b/app/src/Create.js
index daef725..489da53 100644
--- a/app/src/Create.js
+++ b/app/src/Create.js
@@ -16,6 +16,7 @@ YouTube logo is a trademark and intellectual property of Google, Inc.
Hulu logo is a trademark and intellectual property of Hulu, LLC.
HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia Direct,LLC.
************************************************************************/
+/*global chrome */
import React, { Component } from 'react';
import { Button, TextField, Typography, Paper, ButtonGroup } from '@material-ui/core';
import {
@@ -35,6 +36,7 @@ import {
MonetizationOnRounded,
RateReviewRounded,
} from '@material-ui/icons';
+import { Autocomplete } from "@material-ui/lab";
const CONSTANTS = {
USER_NAME_LENGTH: 12,
@@ -47,13 +49,15 @@ export default class Create extends Component {
const defaultMode = LocalData().partyName ? 'join' : 'create';
this.state = {
userName: LocalData().userName || '',
- name: LocalData().partyName || '',
- pin: LocalData().partyPin || '',
+ name: '',
+ pin: '',
mode: defaultMode,
+ parties: []
};
this.createCall = this.createCall.bind(this);
this.joinCall = this.joinCall.bind(this);
this.success = this.success.bind(this);
+ this.partyNameAutocompleteProcessor = this.partyNameAutocompleteProcessor.bind(this);
}
componentDidMount() {
const { lastActive, userName, partyName, partyPin, allowAutoRejoin } = LocalData();
@@ -63,6 +67,14 @@ export default class Create extends Component {
this.joinCall(userName, partyName, partyPin);
}
}
+ chrome.runtime.sendMessage(
+ {
+ type: 'GET_PARTIES'
+ },
+ (response) => {
+ this.setState({parties: response});
+ }
+ );
}
partyNameChange(value) {
if (value.length <= CONSTANTS.NAME_LENGTH) this.setState({ name: value });
@@ -167,8 +179,21 @@ export default class Create extends Component {
this.props.updateLoading(false);
goTo(Chat, this.props);
}
+ partyNameAutocompleteProcessor (v) {
+ if (v !== null && v !== undefined && typeof(v) === 'object') {
+ if (v.name) this.partyNameChange(v.name);
+ else this.partyNameChange('');
+ if (v.pin) this.partyPinChange(v.pin);
+ else this.partyPinChange('');
+ } else if (typeof(v) === 'object' && (v === null || v === undefined)) {
+ this.partyNameChange('');
+ this.partyPinChange('');
+ } else if (v !== undefined && v !== null && typeof(v) === 'string') {
+ this.partyNameChange(v);
+ }
+ }
render() {
- const { mode, name, pin, userName } = this.state;
+ const { mode, name, pin, userName, parties } = this.state;
return (