From 7a326a31c65dc4e37739b40811fca92aa6614586 Mon Sep 17 00:00:00 2001
From: sopi <53455523+sopisoft@users.noreply.github.com>
Date: Sat, 27 Apr 2024 11:06:09 +0900
Subject: [PATCH] fix input (#74)

---
 src/popup/components/inputs.tsx                       | 5 -----
 src/popup/components/{search.tsx => search_input.tsx} | 2 +-
 src/popup/popup.tsx                                   | 3 +--
 3 files changed, 2 insertions(+), 8 deletions(-)
 rename src/popup/components/{search.tsx => search_input.tsx} (99%)

diff --git a/src/popup/components/inputs.tsx b/src/popup/components/inputs.tsx
index 40965ec..eebb81f 100644
--- 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 b/src/popup/components/search_input.tsx
similarity index 99%
rename from src/popup/components/search.tsx
rename to src/popup/components/search_input.tsx
index b950357..6b2bbcc 100644
--- a/src/popup/components/search.tsx
+++ b/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
index b8c55c2..cfd22b9 100644
--- 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);