From 26ff6820f09222427149cbac1f97d5b5aca26232 Mon Sep 17 00:00:00 2001
From: rift <117926989+Riftriot@users.noreply.github.com>
Date: Sun, 7 Jan 2024 09:34:45 -0600
Subject: [PATCH] Re-add navbar buttons and add toast translations

---
 src/components/iframe/IframeHeader.tsx | 61 +++++++++++++-------------
 src/locales/en.json                    |  3 +-
 src/locales/es.json                    |  3 +-
 src/locales/ja.json                    |  3 +-
 4 files changed, 36 insertions(+), 34 deletions(-)

diff --git a/src/components/iframe/IframeHeader.tsx b/src/components/iframe/IframeHeader.tsx
index b4adab5..383bc06 100644
--- a/src/components/iframe/IframeHeader.tsx
+++ b/src/components/iframe/IframeHeader.tsx
@@ -33,6 +33,8 @@ function Clipboard(text) {
 export function IframeHeader(props: { url: string }) {
   const localProxy = localStorage.getItem("proxy") || "automatic";
 
+  const { t } = useTranslation();
+
   const share = () => {
     let proxyFrame: ProxyFrame | null = document.getElementById(
       "iframe"
@@ -49,13 +51,12 @@ export function IframeHeader(props: { url: string }) {
         location.origin + navigator.userAgent
       ).toString(CryptoJS.enc.Utf8);
       Clipboard(decodedUrl);
-      toast("URL copied to clipboard!");
+      toast(t("clipboard"));
     } else {
       toast("Your proxy choice doesn't support sharing.");
     }
   };
 
-  const { t } = useTranslation();
   const [showPopout, setShowPopout] = useState(false);
   const [showFullScreen, setFullScreen] = useState(false);
   const [proxiedTitle, setProxiedTitle] = useState("");
@@ -107,37 +108,35 @@ export function IframeHeader(props: { url: string }) {
             </h1>
           </div>
         </div>
-        {/*<div className="flex flex-row items-center gap-3 md:gap-2">
-          <IoChevronBackSharp
-            className="duration-0500 h-6 w-6 cursor-pointer text-navbar-text-color transition-all hover:scale-110 hover:brightness-125"
-            onClick={() => {
-              const proxyFrame: ProxyFrame | null = document.getElementById(
-                "iframe"
-              ) as ProxyFrame;
-              proxyFrame.contentWindow.history.back();
-            }}
-          />
-          <IoReloadSharp
-            className="duration-0500 h-6 w-6 cursor-pointer text-navbar-text-color transition-all hover:rotate-[360deg] hover:scale-110 hover:brightness-125"
-            onClick={() => {
-              const proxyFrame: ProxyFrame | null = document.getElementById(
-                "iframe"
-              ) as ProxyFrame;
-              proxyFrame.contentWindow.location.reload();
-            }}
-          />
-          <IoChevronForwardSharp
-            className="duration-0500 h-6 w-6 cursor-pointer text-navbar-text-color transition-all hover:scale-110 hover:brightness-125"
-            onClick={() => {
-              const proxyFrame: ProxyFrame | null = document.getElementById(
-                "iframe"
-              ) as ProxyFrame;
-              proxyFrame.contentWindow.history.forward();
-            }}
-          />
-          </div> */}
         <div id="navItems" className="w-1/8">
           <div className="mr-4 flex flex-row items-center justify-end gap-3">
+            <IoChevronBackSharp
+              className="duration-0500 h-6 w-6 cursor-pointer text-navbar-text-color transition-all hover:scale-110 hover:brightness-125"
+              onClick={() => {
+                const proxyFrame: ProxyFrame | null = document.getElementById(
+                  "iframe"
+                ) as ProxyFrame;
+                proxyFrame.contentWindow.history.back();
+              }}
+            />
+            <IoChevronForwardSharp
+              className="duration-0500 h-6 w-6 cursor-pointer text-navbar-text-color transition-all hover:scale-110 hover:brightness-125"
+              onClick={() => {
+                const proxyFrame: ProxyFrame | null = document.getElementById(
+                  "iframe"
+                ) as ProxyFrame;
+                proxyFrame.contentWindow.history.forward();
+              }}
+            />
+            <IoReloadSharp
+              className="duration-0500 h-6 w-6 cursor-pointer text-navbar-text-color transition-all hover:rotate-[360deg] hover:scale-110 hover:brightness-125"
+              onClick={() => {
+                const proxyFrame: ProxyFrame | null = document.getElementById(
+                  "iframe"
+                ) as ProxyFrame;
+                proxyFrame.contentWindow.location.reload();
+              }}
+            />
             <FaShareAlt
               className="duration-0500 h-6 w-6 cursor-pointer text-navbar-text-color transition-all hover:scale-110 hover:brightness-125"
               onClick={share}
diff --git a/src/locales/en.json b/src/locales/en.json
index fc5a8fd..1371fcf 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -74,5 +74,6 @@
     "catppuccinMacchiato": "Catppuccin Macchiato",
     "catppuccinFrappe": "Catppuccin Frappe",
     "catppuccinLatte": "Catppuccin Latte"
-  }
+  },
+  "clipboard": "URL copied to clipboard!"
 }
diff --git a/src/locales/es.json b/src/locales/es.json
index 98b59e9..3a4dfb1 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -73,5 +73,6 @@
     "catppuccinMacchiato": "Catppuccin Macchiato",
     "catppuccinFrappe": "Catppuccin Frappe",
     "catppuccinLatte": "Catppuccin Latte"
-  }
+  },
+  "clipboard": "¡URL copiada al portapapeles!"
 }
diff --git a/src/locales/ja.json b/src/locales/ja.json
index e78bf48..6527cc4 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -73,5 +73,6 @@
     "catppuccinMacchiato": "Catppuccin Macchiato",
     "catppuccinFrappe": "Catppuccin Frappe",
     "catppuccinLatte": "Catppuccin Latte"
-  }
+  },
+  "clipboard": "URL がクリップボードにコピーされました!"
 }