Add empty state for searches with no results

Open Beginner friendly
#550 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
68/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Active
Tech stack
typescript
Domain
frontend

Research direction

Start by locating the existing search and filter results rendering for both tabs. Check how each tab handles an empty result set, then add consistent user feedback for zero matches. Done means both tabs show a clear empty state when searches or filters return no results, while normal results remain unchanged.

Written by the indexing model from the issue text.

Description

Is your feature request related to a problem? Please describe.
When a search or filter returns no matching results, the results area is completely empty with no feedback to the user. This happens in both tabs.

Describe the solution you'd like
Show a clear empty state when no results match the current search or filters, consistently across both tabs.

For example, a message such as:

No results found. Try changing your search term or filters.

Describe alternatives you've considered
A simpler alternative would be to display only a short “No results found” message.

Additional context
The current search and filtering appear to work correctly; this request is about improving the zero-results experience by giving users clear feedback.

Dominant language
TypeScript
Stars
245
Forks
139
Avg merge
1d 23m
Merged PRs (30d)
1

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from github/forgoodfirstissue

All issues in github/forgoodfirstissue

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.