From 455ceb11e468fc8e2e0d6086511f1407f028bd4c Mon Sep 17 00:00:00 2001
From: Dunemask <dunemask@gmail.com>
Date: Sat, 27 Jul 2024 08:52:35 -0600
Subject: [PATCH] [CHORE] Upgarding Component

---
 package.json     |  1 +
 src/Routing.jsx  |  6 ++++--
 src/Upgrades.jsx | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 vite.config.js   |  2 +-
 4 files changed, 54 insertions(+), 3 deletions(-)
 create mode 100644 src/Upgrades.jsx

diff --git a/package.json b/package.json
index 1ac7d5a..87d2b4b 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
   "type": "module",
   "scripts": {
     "start": "vite --host",
+    "start:dev": "vite",
     "build:react": "vite build",
     "lint": "npx prettier -w src/ index.html vite.config.js"
   },
diff --git a/src/Routing.jsx b/src/Routing.jsx
index 81d0657..2b09995 100644
--- a/src/Routing.jsx
+++ b/src/Routing.jsx
@@ -3,6 +3,7 @@ import Toolbar from "@mui/material/Toolbar";
 import Delta from "./pages/delta/Delta.jsx";
 import Resume from "./pages/resume/Resume.jsx";
 import { useScrollToLocation } from "./hooks.jsx";
+import Upgrades from "./Upgrades.jsx";
 
 const redirects = [
   { path: "/r1", rewrite: "/resume" },
@@ -15,11 +16,12 @@ export default function Routing() {
     <div className="view">
       <Toolbar disableGutters />
       <Routes>
-        <Route path="/" element={<Delta />} />
+        <Route path="/" element={<Upgrades />} />
+        {/*<Route path="/" element={<Delta />} />
         <Route path="/resume" element={<Resume />} />
         {redirects.map((r, i) => (
           <Route key={i} path={r.path} element={<Navigate to={r.rewrite} />} />
-        ))}
+        ))} */}
         <Route path="*" element={<Navigate to="/" replace />} />
         <Route path="/*" element={<Navigate to="/" replace />} />
       </Routes>
diff --git a/src/Upgrades.jsx b/src/Upgrades.jsx
new file mode 100644
index 0000000..e4862dc
--- /dev/null
+++ b/src/Upgrades.jsx
@@ -0,0 +1,48 @@
+import Typography from "@mui/material/Typography";
+import Box from "@mui/material/Box";
+import Link from "@mui/material/Link"
+
+// Function to format a date as MMM DD, YYYY
+function formatDate(date) {
+  const months = [
+    "JAN",
+    "FEB",
+    "MAR",
+    "APR",
+    "MAY",
+    "JUN",
+    "JUL",
+    "AUG",
+    "SEP",
+    "OCT",
+    "NOV",
+    "DEC",
+  ];
+  const month = months[date.getMonth()];
+  const day = ("0" + date.getDate()).slice(-2);
+  const year = date.getFullYear();
+  return `${month} ${day}, ${year}`;
+}
+
+// Get the current date
+const now = new Date();
+
+// Get the date 2 weeks from now
+const twoWeeksFromNow = new Date();
+twoWeeksFromNow.setDate(now.getDate() + 14);
+
+export default function Upgrades() {
+  return (
+    <Box height="calc(100vh - 8.8rem)" display="flex">
+      <Box my="auto" mx="auto" flexWrap="wrap" textAlign="center">
+        <Typography variant="h4">Servers currently upgrading!</Typography>
+        <br />
+        <Typography variant="h5">
+          Process Started {formatDate(now)} and will end{" "}
+          {formatDate(twoWeeksFromNow)}
+        </Typography>
+              <Typography variant="h6"> If you need to get in contact with me sooner, please email me at <Link href="mailto:elijahglennparker@outlook.com">elijahglennparker@outlook.com</Link></Typography>
+      </Box>
+    </Box>
+  );
+}
diff --git a/vite.config.js b/vite.config.js
index 8e19457..04b4d2f 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -8,7 +8,7 @@ export default () => {
       port: process.env.VITE_DEV_PORT ?? 5173,
       host: "0.0.0.0",
       hmr: {
-        protocol: process.env.VITE_DEV_PROTOCOL ?? "wss",
+        protocol: process.env.VITE_DEV_PROTOCOL ?? "ws",
       },
     },
     build: {