fix input (#74)

sopisoft · Apr 27, 2024 · 7a326a3 · 7a326a3
1 parent 357a405
commit 7a326a3
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 8 deletions.
diff --git a/src/popup/components/inputs.tsx b/src/popup/components/inputs.tsx
@@ -79,11 +79,6 @@ function Inputs() {
     });
   }
 
-  useEffect(() => {
-    const last_id = window.localStorage.getItem("videoId");
-    setVideoId(last_id ?? "");
-  }, [setVideoId]);
-
   return (
     <>
       <TooltipProvider delayDuration={200}>

diff --git a/src/popup/components/search.tsx → src/popup/components/search_input.tsx b/src/popup/components/search.tsx → src/popup/components/search_input.tsx
@@ -90,7 +90,7 @@ function Search() {
           placeholder="検索ワード"
           className="col-span-5"
           type="text"
-          value={word}
+          defaultValue={word}
           onChange={(e) => {
             setWord(e.target.value);
           }}

diff --git a/src/popup/popup.tsx b/src/popup/popup.tsx
@@ -25,7 +25,7 @@ import { createRoot } from "react-dom/client";
 import browser from "webextension-polyfill";
 import Inputs from "./components/inputs";
 import Menu from "./components/menu";
-import Search from "./components/search";
+import Search from "./components/search_input";
 import { isWatchPage as isWatchPageFn } from "./utils";
 
 export const VideoIdContext = createContext<{
@@ -42,7 +42,6 @@ export const Popup = () => {
 
   function setVideoId(video_id: string) {
     _setVideoId(video_id);
-    window.localStorage.setItem("videoId", video_id);
   }
 
   isWatchPageFn().then(setIsWatchPage);