Replace src/utils/setup/App.tsx with src/setup/App.tsx & merge movie-web/dev

src/setup/App.tsx

@@ -1,4 +1,3 @@
-import { Analytics } from "@vercel/analytics/react";
 import { ReactElement, Suspense, lazy, useEffect, useState } from "react";
 import { lazyWithPreload } from "react-lazy-with-preload";
 import {
@@ -174,7 +173,6 @@ function App() {
       {showDowntime && (
         <MaintenancePage onHomeButtonClick={handleButtonClick} />
       )}
-      <Analytics />
     </Layout>
   );
 }

src/utils/setup/App.tsx

@@ -1,4 +1,4 @@
-import { ReactElement, Suspense, lazy, useEffect } from "react";
+import { ReactElement, Suspense, lazy, useEffect, useState } from "react";
 import { lazyWithPreload } from "react-lazy-with-preload";
 import {
   Navigate,
@@ -16,6 +16,7 @@ import { AboutPage } from "@/pages/About";
 import { AdminPage } from "@/pages/admin/AdminPage";
 import VideoTesterView from "@/pages/developer/VideoTesterView";
 import { DmcaPage, shouldHaveDmcaPage } from "@/pages/Dmca";
+import MaintenancePage from "@/pages/errors/MaintenancePage";
 import { NotFoundPage } from "@/pages/errors/NotFoundPage";
 import { HomePage } from "@/pages/HomePage";
 import { LoginPage } from "@/pages/Login";
@@ -23,6 +24,7 @@ import { OnboardingPage } from "@/pages/onboarding/Onboarding";
 import { OnboardingExtensionPage } from "@/pages/onboarding/OnboardingExtension";
 import { OnboardingProxyPage } from "@/pages/onboarding/OnboardingProxy";
 import { RegisterPage } from "@/pages/Register";
+import { SupportPage } from "@/pages/Support";
 import { Layout } from "@/setup/Layout";
 import { useHistoryListener } from "@/stores/history";
 import { LanguageProvider } from "@/stores/language";
@@ -83,19 +85,34 @@ function QueryView() {
   return null;
 }
 
+// Duplicate of @/src/setup/App.tsx
 function App() {
   useHistoryListener();
   useOnlineListener();
+  const maintenance = false; // Changing to true shows maintenance page
+  const [showDowntime, setShowDowntime] = useState(maintenance);
+
+  const handleButtonClick = () => {
+    setShowDowntime(false);
+  };
+
+  useEffect(() => {
+    const sessionToken = sessionStorage.getItem("downtimeToken");
+    if (!sessionToken && maintenance) {
+      setShowDowntime(true);
+      sessionStorage.setItem("downtimeToken", "true");
+    }
+  }, [setShowDowntime, maintenance]);
 
   return (
     <Layout>
       <LanguageProvider />
+      {!showDowntime && (
         <Routes>
           {/* functional routes */}
           <Route path="/s/:query" element={<QuickSearch />} />
           <Route path="/search/:type" element={<Navigate to="/browse" />} />
           <Route path="/search/:type/:query?" element={<QueryView />} />
-
           {/* pages */}
           <Route
             path="/media/:media"
@@ -128,11 +145,11 @@ function App() {
             element={<OnboardingExtensionPage />}
           />
           <Route path="/onboarding/proxy" element={<OnboardingProxyPage />} />
-
           {shouldHaveDmcaPage() ? (
             <Route path="/dmca" element={<DmcaPage />} />
           ) : null}
-
+          {/* Support page */}
+          <Route path="/support" element={<SupportPage />} />
           {/* Settings page */}
           <Route
             path="/settings"
@@ -142,10 +159,8 @@ function App() {
               </Suspense>
             }
           />
-
           {/* admin routes */}
           <Route path="/admin" element={<AdminPage />} />
-
           {/* other */}
           <Route path="/dev" element={<DeveloperPage />} />
           <Route path="/dev/video" element={<VideoTesterView />} />
@@ -155,8 +170,10 @@ function App() {
           ) : null}
           <Route path="*" element={<NotFoundPage />} />
         </Routes>
+      )}
+      {showDowntime && (
+        <MaintenancePage onHomeButtonClick={handleButtonClick} />
+      )}
     </Layout>
   );
 }
-
-export default App;