enhancement: Add 1-click Clear button (X) inside SearchField
Los mantenedores suelen responder en 1 día
@aryansinha1908 ya está trabajando en esto.
Desde el 23/10/2026.
Evaluación
Este issue todavía no se ha evaluado.
Descripción
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! ✨
- Lenguaje dominante
- TypeScript
- Estrellas
- 31
- Forks
- 25
- Merge medio
- 10 h 4 min
- PR fusionados (30 d)
- 29
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de O2sa/DevImpact
-
beginner friendly easy enhancement good first issue nextjs ui
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
Los mantenedores suelen responder en 1 día
-
a11y beginner friendly easy enhancement good first issue ui
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
Los mantenedores suelen responder en 1 día
-
bug: InsightsList incorrectly favors User 1 when metrics are tiedPosiblemente ocupada @sarmad-jalil la tomó hace 3 días. Abiertobeginner friendly bug easy good first issue typescript
Dificultad 2/5 1-3 horas Aptitud para principiantes 90/100
O2sa/DevImpact#268 · 2 comentarios · 1 asignado ·
Los mantenedores suelen responder en 1 día
-
feature: Add custom branded not-found.tsx page for 404 routesPosiblemente ocupada @sarmad-jalil la tomó hace 3 días. Abiertobeginner friendly easy feature good first issue nextjs ui
O2sa/DevImpact#271 · 2 comentarios · 1 asignado ·
Los mantenedores suelen responder en 1 día
Todos los issues de O2sa/DevImpact
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
vekexasia/pi-extensible-workflows#374 ·
Los mantenedores suelen responder en 2 días
-
documentation good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 77/100
Los mantenedores suelen responder en 1 día
-
help wanted linux
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
GiuseppeBellamacina/downtime#19 ·
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
scaleway/ultraviolet#7089 ·
Los mantenedores suelen responder en 2 días
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
Get-Concord-AI/concord-mcp#296 ·
Los mantenedores suelen responder en 1 día