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
-
Update the Search component
- After the project fetch, if
projects.length === 0, render <NoResults /> in place of the project list
-
Style it appropriately
- Use existing spacing and typography tokens
- Ensure it looks good in both light and dark mode
✅ Acceptance Criteria
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
NoResultscomponent 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.tsxDisplay a friendly message like:
Optionally include:
Update the
Searchcomponentprojects.length === 0, render<NoResults />in place of the project listStyle it appropriately
✅ Acceptance Criteria
NoResultscomponent exists and is displayed whenprojects.length === 0