From d4dfac656e6e9377cfc8f9cb5915c1b926a3d300 Mon Sep 17 00:00:00 2001
From: Keyemail <hatsunepatrick@gmail.com>
Date: Mon, 12 Aug 2024 21:21:54 -0700
Subject: [PATCH] Added reset instructions, added login exceptions

---
 public/logo.ico                  | Bin 4514 -> 0 bytes
 public/logo.png                  | Bin 0 -> 10880 bytes
 src/Index.tsx                    |   4 +++
 src/pages/ResetInstructions.tsx  |  45 +++++++++++++++++++++++++++++++
 src/styles/ResetInstructions.css |  33 +++++++++++++++++++++++
 5 files changed, 82 insertions(+)
 delete mode 100644 public/logo.ico
 create mode 100644 public/logo.png
 create mode 100644 src/styles/ResetInstructions.css

diff --git a/public/logo.ico b/public/logo.ico
deleted file mode 100644
index 9bcd86285d27e9a05d0482856a83ab7c094efe0a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4514
zcmeHLTToMH5Z(kMV8ob42nr}7LY<Dtr2-;N(BdE}U@4s{5THq=+Mt381QJQObkHG~
zN)@9KV!fpo1QclkByy-2L~i5Iq6UabGX^yR#tMM}LQm-EL;KLjKA3Y}zJLFj{r7yc
z-|n6t0E51k2LsN)CjvO3`1sD~2!{pB7NF1}a%*@j05%c8#=~wtYH9k|tsa2*X=M1O
zIM(^$LBFyk4=_A!P}xr}ww`dT4S};ZwjQf4#JTbi;`IX><fP3YPk0w&dm(PY-OFM5
z0gK%2mRzzcxR&9&IgtKE_E$rrl_Qh4iVEmcnPWezOrr+%vo6`$VTb0*nf-bS22%Gp
zRI1g?QA+aO0)b!x8|>Dnoush`72RZ^M&~VuzV>AtdG*clq|E%l`yDGAq3_Nz&a@AW
zy>5!&mD5l}MsDmbJTp|t9Bp&jLsD=q;#1C6wRB`^Ra4*N9);HwKgI5HV!nK(kdEj1
zx9tWXzn5TmsSZtAlIX>zb$TQI6L|_cccIUBifFwfTpjCH8OlANvxlHGyq=Qh9lB4w
zu}x2gRC+NU+`VLwk~9)l)t|+m#hq!VIOvx`Y6`le*V$@&YaLM{{aSFam}CW360DhE
zRe@Cnel3}~zZ@0=Fcv-*#N5+MsZk*i*1CucVLQ?>&^pfwtR%dHnZR5n1E3!)WCj?}
zsiaEi<^#O$RDO10hYzX<#G((KsjG@Q{|pV?v8lU_gLIaNV16>2<{eA~-um2{8cG)a
zlOq^N?D=MY=A(dwi+Ip{O?mj)=Q&%GP%~#BLi9YO`Skm80Cnb-a@7#Sy@(9y&#Qmm
z88kVtR*Qr4=M<`T+luJzm$B*m*I}KuVl1+clt5Z+t=!hiZJl5K4;4(MjgV3Z*~?2a
z3?t5B?gpiVOPMzIBnym&9)_F~s3bggHBUe~J@Bv?IsQmJVP|S~(Y;VRi|nr+XmZot
zF)>1C8du<X4SVzLWmjaL*~_EI35*xY4NX!PGCUM%;>!}UB_-FSfucbfAnJJ!$~fjH
z`%3Zf!Ae>AWmcG3*oNbs{?8In?>STx!%T!-_AT|E&1O!#4vTEFt6rTmnZ_T^Qu#^y
z=iGbckzTbo<*Xf?J;1MH_sUyy{}trj-jL4m-zp*)1C34WACDL-Z~ytAssGqIajEfk
zP%)JPZQ=MG$d<~!R+9}z6C0m`t<+-Sm_1q-g&Gtb4K&%;7T4J_2J(WH<m6JLq#32?
zU{a~EL%;~-hAK<EEndz$6YfPB^n|Y2v1G>d@Crs6<s;--BArc9#ymb@6m!QJ7+>;Q
zUko`XJ_uiJ@i%Mw@cLNaIEOFcN_%m&NpnZXm-Q1QrPutjbc1=p!$PR_FJMOAns|Ow
zIY-;}*id(F=NuVt0(=|kKR|q0P)+n(3a43bDKxW8{?FFz@5$C-flW%>{_2l*XX??7
zv?CUig5}@Eg4$S7LyV?1jd1AH+?UJ#W-h2EOG*?|of5zx!Fg#sVhq0M4{7lw6qkFv
zD<hXh8uqI0qgZ(9;^s@-_(sQdr-KPnM~qN3U-+%1-wGQm1Za2F(`UqU{a5&Fg{9kG
zO&u2Jmr$tpaY$U%R6vGSQ1}#kA+<|<vV<ENP6kKAOy>?HgGd9{bM<CBVUf;L4ze}O
zX`<iKwkQ@Roz^$L>dV;jO(<N-3_-6|VDaR-2J;W=Ppxj3SeB7nqQk2<rxg4JcN2sS

diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..26f570c4b0cc53c4b76f4a92f3142dbd1276b1e0
GIT binary patch
literal 10880
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
ZK=eMDD7$En>3<(6U_qdN!3V21{5Q4(l7IjJ

literal 0
HcmV?d00001

diff --git a/src/Index.tsx b/src/Index.tsx
index 27c1d70..f167db3 100644
--- a/src/Index.tsx
+++ b/src/Index.tsx
@@ -9,6 +9,7 @@ import Login from "./pages/Login";
 import Register from "./pages/Register";
 import Navbar from "./components/Navbar";
 import "./styles/Main.css";
+import ResetInstructions from "./pages/ResetInstructions";
 
 function Index() {
   const [loginState, setLoginState] = useState(false);
@@ -49,6 +50,8 @@ function Index() {
 
   useEffect(() => {
     if (!loginState) {
+      if (window.location.pathname === "/reset") return;
+      if (window.location.pathname === "/register") return;
       navigate("/login");
     }
     setDevicesOnline(deviceNames.length);
@@ -100,6 +103,7 @@ function Index() {
           element={<Login setLogin={setLoginState} setUser={setLoggedUser} />}
         />
         <Route path="/register" element={<Register />} />
+        <Route path="/reset" element={<ResetInstructions />} />
       </Routes>
     </>
   );
diff --git a/src/pages/ResetInstructions.tsx b/src/pages/ResetInstructions.tsx
index e69de29..1421fb8 100644
--- a/src/pages/ResetInstructions.tsx
+++ b/src/pages/ResetInstructions.tsx
@@ -0,0 +1,45 @@
+import "../styles/ResetInstructions.css";
+
+function ResetInstructions() {
+  return (
+    <div id="resetInstructions">
+      <h2>Reset Instructions</h2>
+      <p>
+        Unfortunely, you can't reset the password using this interface, however
+        you can reset the entire extender and gain complete control again (the
+        settings will be reset), as long as you have the extender with you.
+        Please read this guide carefully on how to reset it, and do every step.
+      </p>
+      <div className="row">
+        <h3>Step 1: Look under the device</h3>
+        <p>
+          On the bottom of the device, there should be a small hole with a label
+          called "RESET". You will have to use a very small but long lengthed
+          object to push the button inside the small hole, I reccomand something
+          like a toothpick.
+        </p>
+      </div>
+      <div className="row">
+        <h3>Step 2: Hold down that button</h3>
+        <p>
+          After locating this button, hold down on that button until the lights
+          on the extender only flash blue on one light, the other one should be
+          turned off indicating that it is no longer connected to the router.
+        </p>
+      </div>
+      <div className="row">
+        <h3>Step 3: Wait for the refresh</h3>
+        <p>
+          This page will automatically refresh back to the register page and you
+          should now have access to your extender again! Remember that ALL
+          settings are now reset and you will have configure this extender once
+          again, please do not lose your password again.
+        </p>
+      </div>
+      <p style={{ marginTop: "40px" }}>Demo User = root</p>
+      <p>Demo Password = 123</p>
+    </div>
+  );
+}
+
+export default ResetInstructions;
diff --git a/src/styles/ResetInstructions.css b/src/styles/ResetInstructions.css
new file mode 100644
index 0000000..9f2ed47
--- /dev/null
+++ b/src/styles/ResetInstructions.css
@@ -0,0 +1,33 @@
+#resetInstructions {
+    background-color: var(--bg-color-alt);
+    margin-top: 20px;
+    border-radius: 20px;
+    padding: 20px;
+    height: calc(100% - 50px);
+    overflow: scroll;
+
+    h2 {
+        font-size: 2.5rem;
+        text-align: center;
+    }
+    p {
+        font-size: 1.5rem;
+        margin-top: 20px;
+        padding: 0 80px;
+        text-align: center;
+    }
+}
+
+.row {
+    margin-top: 50px;
+    max-width: 900px;
+
+    h3 {
+        font-size: 1.5rem;
+    }
+    p {
+        font-size: 1.2rem !important;
+        text-align: left !important;
+        padding: 0 !important;
+    }
+}