add reload button

titaniumnetwork-dev · Nov 21, 2024 · b0760dd · b0760dd
1 parent a4efd90
commit b0760dd
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 7 deletions.
diff --git a/public/img/nav/reload.svg b/public/img/nav/reload.svg
diff --git a/src/components/ProxyRegistrar.astro b/src/components/ProxyRegistrar.astro
@@ -84,10 +84,11 @@
 
       const iframe = document.getElementById("proxy-frame") as HTMLIFrameElement;
       const topbar = document.getElementById("top-bar") as HTMLDivElement;
-      const closeButton = document.getElementById("close-button") as HTMLButtonElement;
-      const backwardsButton = document.getElementById("nav-backwards") as HTMLImageElement;
-      const forwardsButton = document.getElementById("nav-forwards") as HTMLImageElement;
-      const shareButton = document.getElementById("nav-share") as HTMLImageElement;
+      const closeButton = document.getElementById("close-button")!;
+      const backwardsButton = document.getElementById("nav-backwards")!;
+      const forwardsButton = document.getElementById("nav-forwards")!;
+      const reloadButton = document.getElementById("nav-reload")!;
+      const shareButton = document.getElementById("nav-share")!;
       const preference = Alu.store.get("proxy").value;
       if (preference === "ultraviolet") {
         iframe.src = window.__uv$config.prefix + window.__uv$config.encodeUrl(url);
@@ -150,6 +151,11 @@
             iframe.contentWindow.history.back();
           }
         };
+        reloadButton.onclick = () => {
+          if (iframe.contentWindow) {
+            iframe.contentWindow.location.reload();
+          }
+        };
         shareButton.onclick = () => {
           const proxyFrame = document.getElementById("proxy-frame") as HTMLIFrameElement;
           if (proxy.value === "rammerhead") {

diff --git a/src/pages/[lang]/index.astro b/src/pages/[lang]/index.astro
@@ -34,9 +34,10 @@ export function getStaticPaths() {
           </div>
           <div class="top-bar-right">
             <div class="nav-container">
-              <img width="32px" height="32px" id="nav-backwards" src="/img/nav/backwards.svg" alt="Backwards Arrow" />
-              <img width="32px" height="32px" id="nav-forwards" src="/img/nav/forwards.svg" alt="Forwards Arrow" />
-              <img width="32px" height="32px" id="nav-share" src="/img/nav/share.svg" alt="Share Page" />
+              <img width="32px" height="32px" id="nav-backwards" src="/img/nav/backwards.svg" alt="Backward" />
+              <img width="32px" height="32px" id="nav-forwards" src="/img/nav/forwards.svg" alt="Forward" />
+              <img width="28px" height="32px" id="nav-reload" src="/img/nav/reload.svg" alt="Reload Page" />
+              <img width="28px" height="32px" id="nav-share" src="/img/nav/share.svg" alt="Share Page" />
             </div>
             <button id="close-button">Close</button>
           </div>