[Network] Allow the user to filter the projects

[clementprdhomme]

On the Network module, this PR adds the possibility to filter the projects by type, status, country of coordination, region of intervention, country of intervention and area of intervention.

Acceptance criteria

• There is a way to filter projects by:
  • Project type
  • Status
  • Three options: “Active”, “Finished” and “Not started”
  • Country of coordination
  • Region of intervention
  • Country of intervention
  • Area of intervention
  • 🧑‍💻 Multiple Strapi fields to be combined together:
    • main_area_of_intervention
    • secondary_area_of_intervention
    • third_area_of_intervention
  • 🧑‍💻 main_area_of_intervention_other is not displayed in the list
• The filters affect both the list and the map
• For each filter dropdown, there is a way to:
  • Select all the options (“Select all”)
  • Deselect all the options (“Clear”)
  • Search options by keywords
  • Close the dropdown by clicking the arrow
  • Close the dropdown by clicking elsewhere on the page
  • The number of selected options is shown when the dropdown is collapsed
  • The primary colour is blue
• By default, none of the filters (and filter options) are selected
• There is a way to reset project filters i.e. all the filters (and filter options) are deselected
• There is a way to indicate that project filters are applied when the filter sidebar is collapsed

Tracking

• ORC-243 Project filters
  • ORC-241 FE - Implement the project filters

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
orcasa-client	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 20, 2023 9:35am

[Bluesmile82]

The 'Reset all' buttons don't seem to be working. Maybe you want to address this buttons on a different PR?

[clementprdhomme]

@Bluesmile82 What's the issue you're having with the reset buttons? Can you give an example?

[Bluesmile82]

@Bluesmile82 What's the issue you're having with the reset buttons? Can you give an example?

Ah, they are working now 🤷 Thanks!