Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

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

未关闭 适合新手
#637 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 2 天内回复

@Shashank0701-byte 已经在做这个了。

开始于 2026年10月20日。

  • #641 来自 @Shashank0701-byte —— 未关闭

评估

难度
1/5
预计耗时
1 小时以内
新手友好度
96/100
Issue 类型
功能
描述清晰度
描述清楚
活跃度
活跃
技术栈
javascript, react, tailwindcss
领域
frontend

调研方向

从 client/src/components/Board/Column.jsx 开始,检查 Done 列标题如何接收任务并渲染控件。确认 deleteTask 可通过 board 上下文使用,然后在 Done 计数旁添加带确认步骤的清空控件。只有 Done 列有任务时才显示该控件,要求确认,并在确认后清除这些任务;未指定测试。

由索引模型根据 Issue 内容生成。

描述

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 🎯

主要语言
JavaScript
星标
39
派生
105
平均合并
1 天 13 小时
30 天内合并 PR
41

环境准备

  • 没有 Dockerfile 或 Docker Compose 文件
  • 没有 Pull Request 模板
  • 阅读贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

anoopcodehack/DevBoard 的其他 Issue

查看 anoopcodehack/DevBoard 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。