⚡ feat: add language search params

waktaplay · Nov 23, 2023 · bd6e7f4 · bd6e7f4
1 parent e8b0ec0
commit bd6e7f4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/comingsoon.tsx b/src/comingsoon.tsx
@@ -1,6 +1,7 @@
 import { useEffect } from "react";
-
 import { Trans, useTranslation } from "react-i18next";
+import { useSearchParams } from "react-router-dom";
+
 import {
   appCSS,
   headerCSS,
@@ -20,11 +21,12 @@ import text from "./assets/text.svg";
 
 export default function ComingSoon() {
   const { t, i18n } = useTranslation();
+  const [searchParams] = useSearchParams();
 
   useEffect(() => {
-    i18n.changeLanguage(navigator.language.split("-")[0]);
+    i18n.changeLanguage(searchParams.get('lang') || navigator.language.split("-")[0]);
 
-    document.documentElement.lang = navigator.language.split("-")[0];
+    document.documentElement.lang = searchParams.get('lang') || navigator.language.split("-")[0];
     document.title = i18n.t("comingsoon.title").replace("<1>", "").replace("</1>", "");
   }, [i18n]);
 

diff --git a/src/maintenance.tsx b/src/maintenance.tsx
@@ -1,6 +1,7 @@
 import { useEffect } from "react";
-
 import { Trans, useTranslation } from "react-i18next";
+import { useSearchParams } from "react-router-dom";
+
 import {
   appCSS,
   headerCSS,
@@ -20,11 +21,12 @@ import text from "./assets/text.svg";
 
 export default function Maintenance() {
   const { t, i18n } = useTranslation();
+  const [searchParams] = useSearchParams();
 
   useEffect(() => {
-    i18n.changeLanguage(navigator.language.split("-")[0]);
+    i18n.changeLanguage(searchParams.get('lang') || navigator.language.split("-")[0]);
 
-    document.documentElement.lang = navigator.language.split("-")[0];
+    document.documentElement.lang = searchParams.get('lang') || navigator.language.split("-")[0];
     document.title = i18n.t("maintenance.title").replace("<1>", "").replace("</1>", "");
   }, [i18n]);