Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

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

Offen Anfängerfreundlich
  • Stimmt etwas nicht?
#637 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 2 Tagen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
1/5
Geschätzter Aufwand
Unter einer Stunde
Anfängerfreundlichkeit
96/100
Issue-Typ
Feature
Klarheit
Klar beschrieben
Aktivitätsstatus
Aktiv
Tech-Stack
javascript, react, tailwindcss
Bereich
frontend

Rechercherichtung

Beginne mit client/src/components/Board/Column.jsx und untersuche, wie der Header der Done-Spalte Tasks erhält und Steuerelemente rendert. Stelle sicher, dass deleteTask über den Board-Kontext verfügbar ist, und füge dann neben der Done-Anzahl eine Schaltfläche zum Leeren mit Bestätigung hinzu. Sie soll nur erscheinen, wenn die Done-Spalte Tasks enthält, um Bestätigung bitten und diese Tasks nach der Bestätigung löschen; es ist kein Test angegeben.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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 🎯

Vorherrschende Sprache
JavaScript
Sterne
39
Forks
105
Ø Merge
1 T. 13 Std.
Gemergte PRs (30 T.)
41

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus anoopcodehack/DevBoard

Alle Issues in anoopcodehack/DevBoard

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.