feat: allow reset filter

yjs · Aug 5, 2024 · 38a6eb0 · 38a6eb0
1 parent 3b7f8e1
commit 38a6eb0
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 12 deletions.
diff --git a/package.json b/package.json
@@ -15,7 +15,7 @@
   "dependencies": {
     "@emotion/react": "^11.13.0",
     "@emotion/styled": "^11.13.0",
-    "@fn-sphere/filter": "^0.3.1",
+    "@fn-sphere/filter": "^0.3.2",
     "@mui/material": "^5.16.6",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-dropdown-menu": "^2.1.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/filter-button.tsx b/src/components/filter-button.tsx
@@ -22,7 +22,7 @@ export function FilterButton() {
   const [open, setOpen] = useState(false);
   const updateFilterPredicate = useUpdateFilterPredicate();
   const countOfFilterData = useFilterCount();
-  const { context, getPredicate } = useFilterSphere({
+  const { getPredicate, reset, context } = useFilterSphere({
     schema,
     defaultRule: createFlattenFilterGroup(),
   });
@@ -62,13 +62,22 @@ export function FilterButton() {
             setOpen(false);
             updateFilter();
           }}
+onReset={() => {
+            reset();
+          }}
         />
       </Dialog>
     </FilterSphereProvider>
   );
 }
 
-function FilterDialog({ onConfirm }: { onConfirm: () => void }) {
+function FilterDialog({
+onConfirm,
+  onReset,
+}: {
+onConfirm: () => void;
+  onReset: () => void;
+}) {
   return (
     <DialogContent>
       <DialogHeader>
@@ -79,6 +88,14 @@ function FilterDialog({ onConfirm }: { onConfirm: () => void }) {
         <FilterBuilder />
       </div>
       <DialogFooter>
+<Button
+          variant="secondary"
+          onClick={() => {
+            onReset();
+          }}
+        >
+          Reset
+        </Button>
         <Button
           onClick={() => {
             onConfirm();