SearchBar: reset button to reset all (qs and filter)

rohberg · Apr 25, 2021 · aeeeb73 · aeeeb73
1 parent 9efa800
commit aeeeb73
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/components/Views/FacetedSearch.jsx b/src/components/Views/FacetedSearch.jsx
@@ -453,6 +453,17 @@ const FacetedSearch = ({ data }) => {
   //   console.log('searchstring reseted');
   // };
 
+  const payloadOFReset = {
+    searchQuery: {
+      sortBy: 'bestmatch',
+      sortOrder: 'asc',
+      layout: 'list',
+      page: 1,
+      size: 10,
+      queryString: '',
+    },
+  };
+
   return (
     <Segment vertical>
       {__CLIENT__ && (
@@ -483,6 +494,12 @@ const FacetedSearch = ({ data }) => {
                     }}
                     uiProps={{ icon: 'search', iconPosition: 'left' }}
                   />
+                  <Icon
+                    basic
+                    icon
+                    name="delete"
+                    onClick={() => onQueryChanged(payloadOFReset)}
+                  />
                 </Portal>
               ) : (
                 <Grid relaxed style={{ padding: '2em 0' }}>