Make issue labels on Contribute page interactive and selectable (consistent with rest of the project)
- Dominant language
- Python
- Stars
- 451
- Forks
- 707
- Avg merge
- 22h 59m
- Merged PRs (30d)
- 91
Description
**Describe the bug**
On the Projects Details page for example, items in language, topics, etc. are selectable and automatically populate the search input with selected item to refine results. This works really well and feels intuitive.
On the Contribute page, issue labels were recently added, but they’re currently static. Clicking them doesn’t update the search, even though users might expect similar behavior (especially since they have hover state suggesting interactivity).
It would be nice to extend the same interaction pattern here so clicking a label refines search by that label.
**To Reproduce**
Steps to reproduce the behavior:
1. Go to any project details card, for example 'https://nest.owasp.org/projects/cheat-sheets'
2. Click on any item from the `Language` or `Topics` togglable list
3. Notice how this inputs the selected item in the search bar to refine the search result
4. Now visit https://nest.owasp.org/contribute and click on any issue label
5. The issue label will not be interactive
**Expected behavior**
The issue label should be interactive and populate the search bar to refine results for the selected item, which is consistent to other similar components in the project
**Are you going to work on fixing this?**
- [x] Yes
- [ ] No
**Desktop (please complete the following information):**
- OS: Linux
- Browser: Zen
Contributor guide
Assessment
This issue has not been assessed yet.