hector-jewell / hector-jewell/uber-eats-clone-using-react-native
The filters applied by the user should be displayed under the filter dropdowns to provide clear visibility of the active filters.
- Dominant language
- JavaScript
- Stars
- 1
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Feature Description
The filters applied by the user should be displayed under the filter dropdowns to provide clear visibility of the active filters.
Solution
After applying filters (e.g., rating, price range, cuisine), the active filters should appear as a list or tags under the filter dropdowns.
Example: If the user applies a "4 stars and above" filter and a "Price:"
"filter,theUIshoulddisplay:"ActiveFilters:Rating−4starsandabovePrice-."
−
."The user should have the option to clear individual filters or all filters directly from this section.
Proposed Solution:
Add a section below the filter dropdowns that dynamically updates to display the applied filters.
Provide a "Clear" button for each filter and a "Clear All" option for convenience.
Ensure this section is responsive and visually distinct for ease of use.
Contributor guide
Research direction
Start by locating the filter dropdowns and the state that stores selected rating, price range, and cuisine filters. Add a responsive active-filters section beneath them with individual clear controls and a Clear All option, then verify that it updates as filters are applied or removed.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- frontend, mobile
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100