v1.7.10/release:

-abandon Google Drive,
-fix video listeners,
-add backup webhook,
-complete admin dashboard

app/src/App.js

@@ -26,8 +26,6 @@ import Loading from "./Loading";
 import Inactive from "./Inactive";
 import {
   getUserUid,
-  getPlayerSource,
-  PLAYER_SOURCE,
   getShowWPButton,
   getTutorialStatus,
   UpdateDailymotionVariables,
@@ -35,7 +33,6 @@ import {
 import Tutorial from "./Tutorial";
 
 const APP_VERSION = "1.7.10";
-const APP_VERSION_STRING = APP_VERSION.replace(/\./g, "");
 
 const darkTheme = createMuiTheme({
   palette: {
@@ -139,22 +136,7 @@ const App = () => {
   if (visible) {
     document.body.classList.add("visible");
     PartyRoutesWrapper && PartyRoutesWrapper.classList.add("visible");
-    if (getPlayerSource() === PLAYER_SOURCE.APPLE) {
-      const appleTvPlayer = document.querySelector("apple-tv-plus-player");
-      const takeoverContainer = appleTvPlayer.shadowRoot.querySelector(
-        ".takeover.container.show"
-      );
-      if (takeoverContainer)
-        takeoverContainer.style.maxWidth = "var(--body-width)";
-    }
   } else {
-    if (getPlayerSource() === PLAYER_SOURCE.APPLE) {
-      const appleTvPlayer = document.querySelector("apple-tv-plus-player");
-      const takeoverContainer = appleTvPlayer.shadowRoot.querySelector(
-        ".takeover.container.show"
-      );
-      if (takeoverContainer) takeoverContainer.style.maxWidth = "none";
-    }
     document.body.classList.remove("visible");
     PartyRoutesWrapper && PartyRoutesWrapper.classList.remove("visible");
   }
@@ -171,6 +153,16 @@ const App = () => {
 
   UpdateDailymotionVariables();
 
+  const versionStatusKey = Object.keys(status).filter(
+    (key) => status[key].v === APP_VERSION
+  )[0];
+
+  var versionStatus = {};
+
+  if (versionStatusKey) {
+    versionStatus = status[versionStatusKey];
+  }
+
   return (
     <ThemeProvider theme={darkTheme}>
       <Snackbar
@@ -204,8 +196,7 @@ const App = () => {
             </div>
           </Tooltip>
           {loading && <Loading />}
-          {status[APP_VERSION_STRING] &&
-          status[APP_VERSION_STRING].active === true ? (
+          {versionStatus && versionStatus.active === true ? (
             <Routes
               showFab={showFab}
               resetTutorial={resetTutorial}
@@ -215,17 +206,17 @@ const App = () => {
                 setNotification({ open: true, message, timeout })
               }
               appVersion={APP_VERSION}
-              appVersionString={APP_VERSION_STRING}
-              status={status[APP_VERSION_STRING]}
+              status={versionStatus}
               selectors={status.selectors}
               nameSelectors={status.nameSelectors}
               setVisible={setVisible}
+              visible={visible}
             />
           ) : (
             <Inactive
               status={
-                status[APP_VERSION_STRING]
-                  ? status[APP_VERSION_STRING].message
+                versionStatus
+                  ? versionStatus.message
                   : "Connecting to server..."
               }
             />