Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Add clear button (✕) to search input 🔍

Abierto Apto para principiantes
#616 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 2 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
1/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
88/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
javascript, react, tailwindcss
Área
frontend

Línea de trabajo

Empieza en client/src/pages/Dashboard.jsx y localiza el campo de búsqueda vinculado a searchQuery. Añade un control para borrar que aparezca cuando la consulta tenga un valor y la borre al hacer clic, siguiendo el ejemplo del issue. Confirma que el control solo aparece cuando la búsqueda no está vacía y que al hacer clic se borra la búsqueda.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

good first issue

Add clear button (✕) to search input 🔍

File: client/src/pages/Dashboard.jsx

When search has text there's no quick
way to clear it 💀 have to backspace fr!!

Fix: show clear button when search has value:

setSearchQuery(e.target.value)} placeholder="Search tasks..." className="..." /> {searchQuery && ( setSearchQuery('')} className="absolute right-2 top-1/2 -translate-y-1/2 text-[#555] hover:text-[#aaa] transition text-xs"> ✕ )}

~8 lines! No backend needed 🎯

Lenguaje dominante
JavaScript
Estrellas
39
Forks
105
Merge medio
1 d 19 h
PR fusionados (30 d)
31

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de anoopcodehack/DevBoard

Todos los issues de anoopcodehack/DevBoard

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.