Skip to content

[ADD] Add a Reset Button to Clear All Filter Fields in Navbar #49

@AbhilashK26

Description

@AbhilashK26

Add a Reset Button to Clear All Filter Fields in Navbar

Description

A new Reset button should be added to the navigation bar to allow users to clear all filter fields in one click. This will improve user experience by providing a quick way to reset filters without manually clearing each field.


Task Details

  1. Frontend Changes:

    • Modify the Navbar.jsx file located in codebase/frontend/src/components/.
    • Add a Reset button in the navigation bar layout.
    • Implement functionality to clear all applied filter fields when the button is clicked.
    • Ensure the button is styled consistently with the existing design.
  2. Behavior Specifications:

    • Clicking the Reset button should remove all active filters and restore the default view.
    • Ensure the button works across different pages where filters are applied.
  3. Testing:

    • Test the button to ensure it clears all filter fields as expected.
    • Verify that the reset functionality does not affect other components of the application.
  4. Follow Pull Request Guidelines:

  • Provide meaningful comments in the code for clarity.
  • Follow the Pull_request_template.md file when submitting the Pull Request.

Metadata

Metadata

Labels

Mediummedium difficultyenhancementNew feature or requesthelp wantedExtra attention is needed

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions