Re-focus search form on IP modal close 👀

wotschofsky · Sep 19, 2024 · 9d2c2b9 · 9d2c2b9
1 parent a221079
commit 9d2c2b9
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/app/_components/search-form.tsx b/app/_components/search-form.tsx
@@ -266,6 +266,16 @@ export const SearchForm: FC<SearchFormProps> = (props) => {
     setSuggestionsVisible(true);
   }, [isFirstRender, setSuggestionsVisible]);
 
+  const handleIpDetailsOpenChange = useCallback(
+    (open: boolean) => {
+      setIpDetailsOpen(open);
+      if (!open) {
+        inputRef.current?.focus();
+      }
+    },
+    [setIpDetailsOpen, inputRef]
+  );
+
   return (
     <>
       <form className="flex gap-3" onSubmit={handleSubmit}>
@@ -357,7 +367,7 @@ export const SearchForm: FC<SearchFormProps> = (props) => {
       <IpDetailsModal
         ip={domain.trim()}
         open={ipDetailsOpen}
-        onOpenChange={setIpDetailsOpen}
+        onOpenChange={handleIpDetailsOpenChange}
       />
     </>
   );