Remove redundant useState as now using localSession for this specific…

… confetti scenario
AtomicSearch · May 5, 2024 · 8d02416 · 8d02416
1 parent fe2411b
commit 8d02416
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/client/components/SearchForm.tsx b/client/components/SearchForm.tsx
@@ -15,9 +15,6 @@ interface SearchFormProps {
 
 export function SearchForm({ query, updateQuery }: SearchFormProps) {
   const textAreaRef = useRef<HTMLTextAreaElement>(null);
-  const [isFirstClick, setIsFirstClick] = useState<boolean>(
-    !sessionStorage.getItem(LocalStorageKeys.FIRST_VISIT)
-  );
 
   const windowInnerHeight = useWindowInnerHeight();
   const [suggestedQuery, setSuggestedQuery] = useState<string>(
@@ -57,10 +54,10 @@ export function SearchForm({ query, updateQuery }: SearchFormProps) {
   };
 
   const handleTextAreaClick = () => {
-    if (isFirstClick) {
+    const isFirstVisit = localStorage.getItem(LocalStorageKeys.FIRST_VISIT);
+    if (!isFirstVisit) {
       confetti();
-      setIsFirstClick(false);
-      sessionStorage.setItem(LocalStorageKeys.FIRST_VISIT, "true");
+      localStorage.setItem(LocalStorageKeys.FIRST_VISIT, "true");
     }
   };