-
Notifications
You must be signed in to change notification settings - Fork 4
Description
As a user searching or filtering projects, I want to see a clear message when no results match my query so that I understand the system is working and I should try different filters or keywords.
🧠 Context
Right now, when no projects match the user’s search or selected tags, the project list simply renders empty — with no feedback to the user. This can feel like a bug or confusing silence.
We should create a dedicated NoResults component to render when the project search returns zero results. This will improve usability and make the interface feel more polished.
Something kinda like:
🛠️ Implementation Plan
-
Create a new component
-
File:
components/NoResults.tsx -
Display a friendly message like:
No projects found. Try adjusting your search or removing some filters.
-
Optionally include:
- A reset filters button (if applicable)
- A fun emoji or graphic
-
-
Update the
Searchcomponent- After the project fetch, if
projects.length === 0, render<NoResults />in place of the project list
- After the project fetch, if
-
Style it appropriately
- Use existing spacing and typography tokens
- Ensure it looks good in both light and dark mode
✅ Acceptance Criteria
- A
NoResultscomponent exists and is displayed whenprojects.length === 0 - The message appears below the search input and tag list
Metadata
Metadata
Assignees
Labels
Type
Projects
Status

