Skip to content

Commit

Permalink
reset all filters functionality added #1
Browse files Browse the repository at this point in the history
  • Loading branch information
BearerOP committed Aug 19, 2024
1 parent 9113a79 commit e6eaeda
Showing 1 changed file with 22 additions and 3 deletions.
25 changes: 22 additions & 3 deletions src/layouts/job-filters.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -42,23 +42,34 @@ const JobFilters = ({ searchParams }: { searchParams: JobQuerySchemaType }) => {
formatFilterSearchParams(searchParams.location),
},
});

async function handleFormSubmit(data: JobQuerySchemaType) {
await jobFilterQuery({
...data,
search: searchParams.search,
sortby: searchParams.sortby,
});
}

// Reset all filters to default values
function handleResetFilters() {
form.reset({
workmode: [],
salaryrange: [],
location: [],
});
}

return (
<aside className="rounded-lg border bg-background max-w-[320px] w-full p-6 h-fit sticky top-20">
<aside className="rounded-lg border bg-background max-w-[320px] w-full p-6 h-fit sticky top-20">
<div className="flex items-center justify-between">
<h3 className="font-medium text-base text-primary-text">All Filters</h3>
</div>
<Separator className="my-6" />
<Form {...form}>
<form
onSubmit={form.handleSubmit(handleFormSubmit)}
className=" flex flex-col gap-3"
className="flex flex-col gap-3"
>
<ScrollArea className="h-96 pr-4">
<Accordion
Expand Down Expand Up @@ -242,10 +253,18 @@ const JobFilters = ({ searchParams }: { searchParams: JobQuerySchemaType }) => {
<Button type="submit" disabled={form.formState.isSubmitting}>
Apply Filters
</Button>
<Button
type="button"
variant="destructive"
onClick={handleResetFilters}
disabled={form.formState.isSubmitting}
>
Reset All Filters
</Button>
</form>
</Form>
</aside>
);
};

export default JobFilters;
export default JobFilters;

0 comments on commit e6eaeda

Please sign in to comment.