Show clear button when query is set, and empty query on clear

vtfk · Oct 24, 2022 · 00aa30d · 00aa30d
1 parent b250ce3
commit 00aa30d
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/layout/index.js b/src/layout/index.js
@@ -126,6 +126,8 @@ export function Layout (props) {
             <SearchField
               onChange={e => onChanged(e.target.value)}
               onSearch={e => search(e.target.value)}
+              onClear={() => setQuery('')}
+              showClear={!!query}
               debounceMs={1000}
               onSelected={value => generateReport(value)}
               autocomplete={false}