add autofocus handler

tremorlabs · Nov 7, 2023 · 444d8eb · 444d8eb
1 parent b63263e
commit 444d8eb
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/components/input-elements/BaseInput.tsx b/src/components/input-elements/BaseInput.tsx
@@ -32,6 +32,7 @@ const BaseInput = React.forwardRef<HTMLInputElement, BaseInputProps>((props, ref
     className,
     onChange,
     onValueChange,
+    autoFocus,
     ...other
   } = props;
   const [isFocused, setIsFocused] = useState(false);
@@ -57,6 +58,14 @@ const BaseInput = React.forwardRef<HTMLInputElement, BaseInputProps>((props, ref
     setIsFocused(isFocused);
   };
 
+  React.useEffect(() => {
+    // If the autoFocus prop is true, then set the isFocused state to true
+    if (autoFocus && inputRef.current) {
+      inputRef.current.focus();
+      setIsFocused(true);
+    }
+  }, [autoFocus]);
+
   return (
     <>
       <div