- Everyone else in the TN/Fog community :)
+ {t("othersMessage")}
diff --git a/src/pages/error.js b/src/pages/error.js
index 5050695..dde6fd0 100644
--- a/src/pages/error.js
+++ b/src/pages/error.js
@@ -3,8 +3,11 @@ import { Link } from "react-router-dom";
import Nav from "../components/nav.js";
import Head from "../components/head.js";
import Obfuscate from "../components/obfuscate.js";
+import { useTranslation } from 'react-i18next';
function Error() {
+ const { t } = useTranslation("error");
+
return (
<>
@@ -14,14 +17,14 @@ function Error() {
- This requested page {window.location.pathname} does not exist.
+ {t("page", {pathname: window.location.pathname})}
- Visit the
+ {t("support.0")}
- support
+ {t("support.1")}
- page for help.
+ {t("support.2")}
);
diff --git a/src/pages/games.js b/src/pages/games.js
index 494b060..7a1000f 100644
--- a/src/pages/games.js
+++ b/src/pages/games.js
@@ -2,14 +2,17 @@ import React from "react";
import Nav from "../components/nav.js";
import Head from "../components/head.js";
import Obfuscate from "../components/obfuscate.js";
+import { useTranslation } from 'react-i18next';
function Games() {
+ const { t } = useTranslation("games");
+
return (
<>
- Games - Coming Soon!
+ {t("comingSoon")}
);
diff --git a/src/pages/home.js b/src/pages/home.js
index 793e6fe..8eb45f0 100644
--- a/src/pages/home.js
+++ b/src/pages/home.js
@@ -8,8 +8,11 @@ import BareClient from "@tomphttp/bare-client";
import { bareServerURL } from "../consts.js";
import { getLink } from "../util.js";
import { useLocalAppearance } from "../settings.js";
+import { useTranslation } from 'react-i18next';
function Home() {
+ const { t } = useTranslation("home");
+
var proxy = React.useRef();
var [suggestions, setSuggestions] = React.useState([]);
@@ -170,10 +173,10 @@ function Home() {
diff --git a/src/pages/privacy.js b/src/pages/privacy.js
index f06a4eb..456607c 100644
--- a/src/pages/privacy.js
+++ b/src/pages/privacy.js
@@ -3,46 +3,38 @@ import Nav from "../components/nav.js";
import Head from "../components/head.js";
import Obfuscate from "../components/obfuscate.js";
import { Link } from "react-router-dom";
+import { useTranslation } from 'react-i18next';
function Privacy() {
+ const { t } = useTranslation("privacy");
+
return (
<>
- Privacy Policy
+ {t("title")}
- Consent
+ {t("policy.0.title")}
-
- By using our service, you agree to our Privacy Policy our use of
- information.
-
+ {t("policy.0.text")}
- Information Collection
+ {t("policy.1.title")}
-
- We do not collect any of your personal data. However, visiting third
- party websites using our proxy may use you data.
-
-
-
- Read the privay policy from each website you visit for more info on
- how they collect your data.
-
+ {t("policy.1.text")}
- Contact
+ {t("policy.2.title")}
- Contact information can be found on the
+ {t("policy.2.text")}
- support page
+ {t("policy.2.page")}
diff --git a/src/pages/settings/appearance.js b/src/pages/settings/appearance.js
index b4cffcf..3ff726b 100644
--- a/src/pages/settings/appearance.js
+++ b/src/pages/settings/appearance.js
@@ -1,7 +1,28 @@
import clsx from "clsx";
import React from "react";
import Obfuscate from "../../components/obfuscate.js";
-import { useLocalAppearance, useLocalBackground } from "../../settings.js";
+import { useLocalLanguage, useLocalAppearance, useLocalBackground } from "../../settings.js";
+import { setLanguage } from "../../i18n.js";
+import { useTranslation } from 'react-i18next';
+
+function LanguageOption({ type, children }) {
+ const [localLanguage, setLocalLanguage] = useLocalLanguage();
+
+ return (
+