We currently have a filter component (/src/components/matches/filter.component.js), but it is outdated and incomplete so it would be a good idea to remake the component.
Desired behavior: on the Explore and "show all" pages, we should add a filter UI - could be a modal popup or could be displayed directly on the page - that contains the following elements:
Sort By Price (lowest to highest and vice versa)
Sort By Guests (lowest to highest and vice versa)
Max Price
Min Guests
For the functionality, we can use the searchFilteredListings redux action and pass in a filterState depending on what is selected through the UI. For example, if Max Price is selected as 100 and Min Guests is selected as 5, the filter state should be
We currently have a filter component (/src/components/matches/filter.component.js), but it is outdated and incomplete so it would be a good idea to remake the component.
Desired behavior: on the Explore and "show all" pages, we should add a filter UI - could be a modal popup or could be displayed directly on the page - that contains the following elements:
For the functionality, we can use the
searchFilteredListingsredux action and pass in a filterState depending on what is selected through the UI. For example, if Max Price is selected as 100 and Min Guests is selected as 5, the filter state should be{ startingPriceClicked: true, startingPrice: 100, minGuestsClicked: true, minGuests: 5, }