Skip to content

bug: Missing empty search state in LeaderboardTable when developer filter yields no results #250

Closed

Description

@O2sa

When filtering developers in LeaderboardTable (src/features/leaderboard/components/leaderboard-table.tsx), if no developer matches the search query (filtered.length === 0), the table body renders completely blank (<tbody> has 0 rows). The table headers remain, but there is no feedback or way to clear the filter.

Motivation

When users filter by a name that doesn't exist, a blank table appears broken. Providing an informative empty state with a 1-click 'Clear search' button significantly improves discovery UX.

Tasks

  • When filtered.length === 0 && search.trim(), render a full-width <tr><td colSpan={6}>...</td></tr> empty state.
  • Display a helpful message: t("leaderboard.noDevelopersSearch", { query: search }).
  • Add a small secondary button to clear the search filter (setSearch("")).
  • Add translation keys to src/locales/en.json and src/locales/ar.json.

Files to Check

  • src/features/leaderboard/components/leaderboard-table.tsx
  • src/locales/en.json & src/locales/ar.json

Tip

🚀 Want to contribute?
Comment assign me to be automatically assigned to this issue via our GitHub Actions bot. Happy coding! ✨

Activity

  1. Sanjaykris20 commented on Oct 17, 2026

    @Sanjaykris20
    Contributor

    assign me

  2. github-actions commented on Oct 17, 2026

    @github-actions

    🎉 Issue assigned to @Sanjaykris20! Happy coding!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions