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

Add "Clear" link next to done count in column header 🗑️

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

Los mantenedores suelen responder en 2 días

@Shashank0701-byte ya está trabajando en esto.

Desde el 20/10/2026.

  • #641 de @Shashank0701-byte — abierto

Evaluación

Dificultad
1/5
Tiempo estimado
Menos de una hora
Aptitud para principiantes
96/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 por client/src/components/Board/Column.jsx e inspecciona cómo recibe tareas el encabezado de la columna Done y cómo muestra los controles. Confirma que deleteTask está disponible a través del contexto del board y, después, añade junto al recuento de Done un control para borrar con confirmación. Debe aparecer solo cuando la columna Done tenga tareas, pedir confirmación y borrar esas tareas tras la confirmación; no se especifica ninguna prueba.

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

Descripción

good first issue

Add "Clear" link next to done count in column header 🗑️

File: client/src/components/Board/Column.jsx

Done column fills up but clear button
is only in navbar 💀 should be right
in the column header too fr!!

Fix: add clear link in Done column header:
{columnId === 'done' && tasks.length > 0 && (
<button
onClick={async () => {
if (window.confirm(
Clear all ${tasks.length} done tasks?
)) {
await Promise.all(
tasks.map(t => deleteTask(t._id))
)
}
}}
className="text-[10px] text-red-400/50
hover:text-red-400 transition">
clear

)}

deleteTask exists in BoardContext ✅
~8 lines! No backend changes needed 🎯

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

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.