fix: translate

m1m0zzz · Aug 25, 2024 · 0e33632 · 0e33632
1 parent 18e9c68
commit 0e33632
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,10 +1,9 @@
 /* eslint-disable @next/next/no-img-element */
 "use client"
 
-import { useMemo, useRef, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { FiChevronLeft, FiChevronUp, FiExternalLink } from "react-icons/fi";
 import { useHotkeys } from 'react-hotkeys-hook';
-import { useSearchParams } from "next/navigation";
 
 import Nav from "./components/Nav";
 import Tracks, { Clip, Track } from "./components/Tracks";
@@ -19,8 +18,7 @@ import coverImage from "./assets/mmz_tools.png";
 import styles from "./page.module.css";
 
 export default function Home() {
-  const searchParams = useSearchParams();
-  const [lang, setLang] = useState(validate<"ja" | "en">(searchParams, "lang", ["ja", "en"], "ja"));
+  const [lang, setLang] = useState<"ja" | "en">("ja");
   const [isDevicesOpen, setIsDevicesOpen] = useState(false);
   const [activeDevice, setActiveDevice] = useState("");
   const [searchConsoleWidth, setSearchConsoleWidth] = useState<number | undefined>(240);
@@ -34,6 +32,12 @@ export default function Home() {
 
   const BOTTOM_HEIGHT = 190;
 
+  useEffect(() => {
+    const url = new URL(window.location.href);
+    const searchParams = url.searchParams;
+    setLang(validate<"ja" | "en">(searchParams, "lang", ["ja", "en"], "ja"))
+  }, [])
+
   useHotkeys('ctrl+f', () => {
     searchInputRef.current?.focus();
   }, { preventDefault: true });

diff --git a/src/app/searchParam.ts b/src/app/searchParam.ts
@@ -1,9 +1,6 @@
-import { ReadonlyURLSearchParams } from "next/navigation";
-
-export function validate<T extends string>(searchParams: ReadonlyURLSearchParams, param: string, validValues: T[]): T | undefined;
-export function validate<T extends string>(searchParams: ReadonlyURLSearchParams, param: string, validValues: T[], defaultValue: T): T;
-
-export function validate<T extends string>(searchParams: ReadonlyURLSearchParams, param: string, validValues: T[], defaultValue?: T): T | undefined {
+export function validate<T extends string>(searchParams: URLSearchParams, param: string, validValues: T[]): T | undefined;
+export function validate<T extends string>(searchParams: URLSearchParams, param: string, validValues: T[], defaultValue: T): T;
+export function validate<T extends string>(searchParams: URLSearchParams, param: string, validValues: T[], defaultValue?: T): T | undefined {
   const p = searchParams.get(param);
   if (p && validValues.includes(p as T)) {
     return p as T;