enhancement: Add 1-click Clear button (X) inside SearchField
メンテナーはふだん 1 日以内に返信
@aryansinha1908 がすでに取り組んでいます。
2026年10月23日 から。
評価
この issue はまだ評価されていません。
説明
In src/features/leaderboard/components/search-field.tsx, users can filter developers or countries by typing into the search input. While keyboard users can press Escape to clear, mouse and touch users must manually backspace all characters.
Motivation
A clear button (X) is standard search input UX on desktop and mobile, enabling fast filter reset.
Tasks
- When
value.trim().length > 0, render an icon button withX(fromlucide-react) positioned atend-2.5. - Clicking the button calls
onChange("")and retains focus on the input. - Ensure the shortcut badge
/is hidden when the clear button is shown to avoid visual overlap. - Provide an accessible
aria-labelfor screen readers.
Files to Check
src/features/leaderboard/components/search-field.tsxsrc/locales/en.json&src/locales/ar.json
[!TIP]
🚀 Want to contribute?
Commentassign meto be automatically assigned to this issue via our GitHub Actions bot. Happy coding! ✨
- 主要言語
- TypeScript
- スター
- 31
- フォーク
- 25
- 平均マージ
- 10時間 4分
- マージ済み PR（30日）
- 29
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
O2sa/DevImpact のほかの issue
-
enhancement: Add Next.js loading.tsx skeleton for country leaderboard pages対応中かも @virtuallynaman が今日担当しました。 オープンbeginner friendly easy enhancement good first issue nextjs ui
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
O2sa/DevImpact#276 · コメント 2 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
a11y beginner friendly easy enhancement good first issue ui
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
メンテナーはふだん 1 日以内に返信
-
bug: InsightsList incorrectly favors User 1 when metrics are tied対応中かも @sarmad-jalil が 3 日前に担当しました。 オープンbeginner friendly bug easy good first issue typescript
難易度 2/5 1〜3時間 初心者へのやさしさ 90/100
O2sa/DevImpact#268 · コメント 2 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
-
feature: Add custom branded not-found.tsx page for 404 routes対応中かも @sarmad-jalil が 3 日前に担当しました。 オープンbeginner friendly easy feature good first issue nextjs ui
O2sa/DevImpact#271 · コメント 2 件 · 担当者 1 名 ·
メンテナーはふだん 1 日以内に返信
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
marmelab/react-admin#11431 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
db-ux-design-system/core-web#8655 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
メンテナーはふだん 1 日以内に返信
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
stripe/react-stripe-js#728 ·
-
[Upload Grade C dataset] the pop-up changes it's size while uploading the document => Jumping effectオープンbug
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
epam/statgpt-admin-frontend#305 ·
メンテナーはふだん 1 日以内に返信