Neeraj Add Clear All Filters Reset For Collaboration Job Listings

[Neeraj-Kondaveeti]

Description

Related PRS (if any):

This frontend PR is related to the Development backend branch.
…

Main changes explained:

• Updated Collaboration.jsx to add a Clear All Filters action that:
  • Resets all selected categories
  • Clears the search input
  • Resets pagination to the first page
• Updated Collaboration.module.css to style the Clear All button in a way that is consistent with existing filter chips.

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin user
5. Navigate to: http://localhost:5173/Collaboration
6. Select multiple job categories using the category filter dropdown.
7. Click the Clear All button.
8. Confirm that:
   • All selected categories are cleared
   • The job list resets to the unfiltered state

Screenshots or videos of changes:

Note:

• No backend, API, or test logic was modified.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	083a2a9
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69811f386835290008b2850b
😎 Deploy Preview	https://deploy-preview-4788--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[sayali-2308]

• Checked out branch: Neeraj_Add_Clear_All_filters_Collaboration
• Backend: Running on development branch
• Tested on: Windows, Chrome browser
• Both servers running locally (Backend: 4500, Frontend: 5173)

Functionality Tested:
Test 1: Clear All Button Visibility

• Navigated to http://localhost:5173/Collaboration
• Page loaded with "Listing all job ads" (default state)
• Opened "Select Categories" dropdown - all 7 categories displayed correctly
• Selected multiple categories (Administrative & Support, Architecture/Landscape, Culinary & Nutrition)
• Filter chips appeared below search bar showing selected categories
• "Clear All" button appeared alongside filter chips
• Page updated to "Listing results for selected categories"

Test 2: Clear All - Category Reset

• Clicked "Clear All" button
• All selected categories were cleared immediately
• Filter chips disappeared
• Dropdown checkboxes all unchecked
• Page reset to "Listing all job ads"
• "Clear All" button disappeared when no filters active

Test 3: Clear All - Search + Category Reset

• Entered search term "developer" in search box
• Clicked "Go" - page showed "Listing results for 'developer'"
• Selected 4 categories (Administrative & Support, Architecture/Landscape, Creative & Media, Culinary & Nutrition)
• Both search and category filters applied - filter chips displayed
• Clicked "Clear All" button
• Search input cleared (reset to placeholder "Search by title...")
• All category selections cleared
• All filter chips removed
• Page reset to "Listing all job ads"
• Pagination reset to page 1

Visual Design:

• "Clear All" button styled consistently with existing filter chip design
• Button positioned appropriately alongside filter chips
• Button only visible when filters are active (good UX)
• Filter chips display clearly with proper spacing
• Categories in dropdown use checkboxes for clear selection state
• Page text updates appropriately based on filter state

Code Quality:

• No console errors observed during testing
• All interactions smooth and responsive
• Filter reset happens immediately without page reload
• State management working correctly across all filter types

Clear All functionality works perfectly. The feature successfully resets:

1. All selected category filters
2. Search input text
3. Pagination to first page
4. Page state to default "Listing all job ads"

Button visibility is handled well - only appears when filters are active, improving UX. Styling is consistent with existing UI patterns. All requirements from the PR description verified successfully.

[abdel-lall]

The filter does not seem to work properly. When all categories are selected, it filters out all listings instead of showing all results.