|
1 | 1 | 'use client'; |
2 | 2 |
|
3 | 3 | import { FC } from 'react'; |
4 | | -import { PiX } from 'react-icons/pi'; |
5 | 4 | import { ThemeButton } from './ThemeButton'; |
6 | 5 | import { BarClickOptions } from '@/app/find-properties/[[...opa_id]]/page'; |
7 | 6 | import { rcos, neighborhoods, zoning } from './Filters/filterOptions'; |
8 | 7 | import FilterDescription from './Filters/FilterDescription'; |
9 | 8 | import ButtonGroup from './Filters/ButtonGroup'; |
10 | 9 | import MultiSelect from './Filters/MultiSelect'; |
11 | 10 | import Panels from './Filters/Panels'; |
| 11 | +import { useFilter } from '@/context/FilterContext'; |
12 | 12 |
|
13 | | -interface FilterViewProps { |
14 | | - updateCurrentView: (view: BarClickOptions) => void; |
15 | | -} |
| 13 | +const FilterView: FC = () => { |
| 14 | + const { dispatch } = useFilter(); |
| 15 | + |
| 16 | + const onResetButtonPressed = () => { |
| 17 | + dispatch({ |
| 18 | + type: 'CLEAR_DIMENSIONS', |
| 19 | + property: 'reset', |
| 20 | + dimensions: [], |
| 21 | + }); |
| 22 | + }; |
16 | 23 |
|
17 | | -const FilterView: FC<FilterViewProps> = ({ updateCurrentView }) => { |
18 | 24 | return ( |
19 | 25 | <div className="relative p-6"> |
20 | 26 | {/* Add ID to the close button */} |
21 | 27 | <ThemeButton |
22 | 28 | color="secondary" |
23 | 29 | className="right-4 lg:right-[24px] absolute top-8 min-w-[3rem]" |
24 | | - aria-label="Close filter panel" |
25 | | - startContent={<PiX />} |
| 30 | + label={'Reset'} |
| 31 | + aria-label="Reset filters" |
26 | 32 | id="close-filter-button" // Add an ID to this button |
27 | | - onPress={() => { |
28 | | - updateCurrentView('filter'); |
29 | | - }} |
| 33 | + onPress={onResetButtonPressed} |
30 | 34 | /> |
31 | 35 | <div className="pt-3 pb-6"> |
32 | 36 | <FilterDescription |
|
0 commit comments