From 449005003bd1ff7cd87e94b48c11086b80ab3054 Mon Sep 17 00:00:00 2001
From: Cooper Ransom <Cooperransom08@outlook.com>
Date: Mon, 4 Mar 2024 11:44:47 -0500
Subject: [PATCH] Add icon to maintence page and switch to hash-based routing

---
 public/config.js           | 2 +-
 src/assets/locales/en.json | 1 +
 src/setup/App.tsx          | 6 ++++++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/public/config.js b/public/config.js
index 5acde08e..e0a6a88d 100644
--- a/public/config.js
+++ b/public/config.js
@@ -9,7 +9,7 @@ window.__CONFIG__ = {
   VITE_DMCA_EMAIL: "sudo-flix@proton.me",
 
   // Whether to disable hash-based routing, leave this as false if you don't know what this is
-  VITE_NORMAL_ROUTER: false,
+  VITE_NORMAL_ROUTER: true,
 
   // The backend URL to communicate with, defaults to the movie-web hosted one at backend.movie-web.app
   VITE_BACKEND_URL: "https://sudo-flix-backend.lol", // "https://mw-backend.lonelil.com",
diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index 6cb05f86..99d13c32 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -185,6 +185,7 @@
     "title": "Couldn't find that page"
   },
   "downtimeNotice": {
+    "badge": "Maintenance",
     "goHome": "Go home",
     "message": "sudo-flix.lol is dedicated to providing its users with the most up-to-date and stable experience in order to do this we must maintain and update our servers. Expect downtime between the below times.",
     "timeFrame": "<bold>March 4th 3:00 PM - 3:30 AM</bold>",
diff --git a/src/setup/App.tsx b/src/setup/App.tsx
index ed925851..ca19a552 100644
--- a/src/setup/App.tsx
+++ b/src/setup/App.tsx
@@ -15,6 +15,8 @@ import {
 import { convertLegacyUrl, isLegacyUrl } from "@/backend/metadata/getmeta";
 import { generateQuickSearchMediaUrl } from "@/backend/metadata/tmdb";
 import { Button } from "@/components/buttons/Button";
+import { Icons } from "@/components/Icon";
+import { IconPill } from "@/components/layout/IconPill";
 import { Navigation } from "@/components/layout/Navigation";
 import { Title } from "@/components/text/Title";
 import { Paragraph } from "@/components/utils/Text";
@@ -184,6 +186,10 @@ function App() {
           <div className="flex h-full flex-1 flex-col items-center justify-center p-5 text-center">
             <ErrorLayout>
               <ErrorContainer>
+                <IconPill icon={Icons.WARNING}>
+                  {t("downtimeNotice.badge")}
+                </IconPill>
+
                 <Title>{t("downtimeNotice.title")}</Title>
                 <Paragraph>{t("downtimeNotice.message")}</Paragraph>
                 <Trans