RevelaNetwork/Revelav3
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Re-add navbar buttons and add toast translations

Browse source
This commit is contained in:
rift 2024-01-07 09:34:45 -06:00
parent 476c65a82c
commit 26ff6820f0
4 changed files with 36 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/components/iframe/IframeHeader.tsx
View file

@ -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,7 +108,8 @@ export function IframeHeader(props: { url: string }) {
</h1>
</div>
</div>
{/*<div className="flex flex-row items-center gap-3 md:gap-2">
<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={() => {
@ -117,15 +119,6 @@ export function IframeHeader(props: { url: string }) {
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={() => {
@ -135,9 +128,15 @@ export function IframeHeader(props: { url: string }) {
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">
<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}

3
src/locales/en.json
View file

@ -74,5 +74,6 @@
"catppuccinMacchiato": "Catppuccin Macchiato",
"catppuccinFrappe": "Catppuccin Frappe",
"catppuccinLatte": "Catppuccin Latte"
}
},
"clipboard": "URL copied to clipboard!"
}

3
src/locales/es.json
View file

@ -73,5 +73,6 @@
"catppuccinMacchiato": "Catppuccin Macchiato",
"catppuccinFrappe": "Catppuccin Frappe",
"catppuccinLatte": "Catppuccin Latte"
}
},
"clipboard": "¡URL copiada al portapapeles!"
}

3
src/locales/ja.json
View file

@ -73,5 +73,6 @@
"catppuccinMacchiato": "Catppuccin Macchiato",
"catppuccinFrappe": "Catppuccin Frappe",
"catppuccinLatte": "Catppuccin Latte"
}
},
"clipboard": "URL がクリップボードにコピーされました!"
}