fix(search): fix onsearch func

Signed-off-by: Sudhanshu Dasgupta <[email protected]>
layer5io · Nov 11, 2023 · c6d6e27 · c6d6e27
1 parent a8738e6
commit c6d6e27
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/packages/components/src/custom/SearchBar.tsx b/packages/components/src/custom/SearchBar.tsx
@@ -13,7 +13,13 @@ export interface SearchBarProps {
   setExpanded: (expanded: boolean) => void;
 }
 
-function SearchBar({ placeholder, onClear, expanded, setExpanded }: SearchBarProps): JSX.Element {
+function SearchBar({
+  onSearch,
+  placeholder,
+  onClear,
+  expanded,
+  setExpanded
+}: SearchBarProps): JSX.Element {
   const [searchText, setSearchText] = React.useState('');
   const searchRef = React.useRef<HTMLInputElement | null>(null);
 
@@ -48,7 +54,10 @@ function SearchBar({ placeholder, onClear, expanded, setExpanded }: SearchBarPro
       <TextField
         variant="standard"
         value={searchText}
-        onChange={handleSearchChange}
+        onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+          handleSearchChange(e);
+          onSearch(e.target.value);
+        }}
         inputRef={searchRef}
         placeholder={placeholder}
         style={{