Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

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

Aberta Para iniciantes
#637 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 2 dias

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
1/5
Tempo estimado
Menos de uma hora
Facilidade para iniciantes
96/100
Tipo de issue
Funcionalidade
Clareza
Claramente especificada
Status de atividade
Ativa
Stack de tecnologia
javascript, react, tailwindcss
Domínio
frontend

Direção de pesquisa

Comece por client/src/components/Board/Column.jsx e examine como o cabeçalho da coluna Done recebe tarefas e renderiza controles. Confirme que deleteTask está disponível pelo contexto do board e, em seguida, adicione ao lado da contagem de Done um controle para limpar com confirmação. Ele deve aparecer somente quando a coluna Done tiver tarefas, pedir confirmação e limpar essas tarefas após a confirmação; nenhum teste foi especificado.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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 🎯

Linguagem predominante
JavaScript
Estrelas
39
Forks
105
Merge médio
1d 13h
PRs com merge (30d)
41

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de anoopcodehack/DevBoard

Todas as issues de anoopcodehack/DevBoard

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.