v1.7.2/release

app/src/App.js

@@ -9,13 +9,14 @@ ALL CONTENT ON WATCH PARTY'S WEBSITE OR IN WATCH PARTY'S CHROME EXTENSION APP, U
 CITED ARE THE SOLE INTELLECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
 COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ************************************************************************/
+/*global chrome*/
+/*global browser*/
+
 import React, { useState, useEffect } from 'react';
 import Router from 'route-lite';
 import { Fab, createMuiTheme, ThemeProvider, Snackbar, Tooltip } from '@material-ui/core';
 import Create from './Create';
 import Loading from './Loading';
-import firebase from 'firebase/app';
-import 'firebase/firestore';
 import Inactive from './Inactive';
 import {
   getUserUid,
@@ -73,6 +74,9 @@ const startResize = (ev) => {
   document.documentElement.addEventListener('mouseup', stopResize, false);
 };
 
+let CHROME_OR_BROWSER = chrome || browser;
+let port;
+
 const App = () => {
   const closedNotification = { open: false, message: '' };
 
@@ -87,14 +91,14 @@ const App = () => {
   useEffect(() => {
     setLoading(true);
     getUserUid();
-    firebase
-      .firestore()
-      .collection('server')
-      .doc('status')
-      .onSnapshot((statusSnap) => {
-        setStatus(statusSnap.data());
-        setLoading(false);
-      });
+    port = CHROME_OR_BROWSER.runtime.connect({ name: `WATCH_PARTY_STATUS` });
+    port.postMessage({
+      type: 'STATUS',
+    });
+    port.onMessage.addListener((response) => {
+      setStatus(response.status);
+      setLoading(false);
+    });
     getShowWPButton().then((showWPButton) => {
       setShowFab(showWPButton);
       if (showWPButton === true) {
@@ -185,7 +189,7 @@ const App = () => {
               status={
                 status[APP_VERSION_STRING]
                   ? status[APP_VERSION_STRING].message
-                  : "Uh oh, can't connect to server. Trying again..."
+                  : 'Connecting to server...'
               }
             />
           )}