21224: merged main to pass int tests

[arvados.git] / services / workbench2 / src / components / search-input / search-input.tsx

diff --git a/services/workbench2/src/components/search-input/search-input.tsx b/services/workbench2/src/components/search-input/search-input.tsx
index fc87367cc4ea2ad372fe7ed5a23fe811dc17acab..4ae3ea9ef6bf302f76a69bcd225d8c178ee603c6 100644 (file)
--- a/services/workbench2/src/components/search-input/search-input.tsx
+++ b/services/workbench2/src/components/search-input/search-input.tsx
@@ -46,7 +46,8 @@ export const SearchInput = (props: SearchInputProps) => {
             setValue("");
             clearTimeout(timeout);
         };
-    }, [props.value, props.label]); // eslint-disable-line react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.value, props.label]); 
 
     useEffect(() => {
         if (selfClearProp !== props.selfClearProp) {
@@ -54,7 +55,8 @@ export const SearchInput = (props: SearchInputProps) => {
             setSelfClearProp(props.selfClearProp);
             handleChange({ target: { value: "" } } as any);
         }
-    }, [props.selfClearProp]); // eslint-disable-line react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.selfClearProp]); 
 
     const handleSubmit = (event: React.FormEvent<HTMLElement>) => {
         event.preventDefault();
@@ -76,7 +78,7 @@ export const SearchInput = (props: SearchInputProps) => {
     };
 
     return <form onSubmit={handleSubmit}>
-        <FormControl style={{ minWidth: '9rem'}}>
+        <FormControl style={{ width: '14rem'}}>
             <InputLabel>{label}</InputLabel>
             <Input
                 type="text"