Add clear button (✕) to search input 🔍
维护者通常 2 天内回复
已经有一个关联 PR 被合并了。
- #618 来自 @tu-lasizzzz —— 已合并
评估
- 难度
- 1/5
- 预计耗时
- 1-3 小时
- 新手友好度
- 88/100
- Issue 类型
- 功能
- 描述清晰度
- 描述清楚
- 活跃度
- 活跃
- 技术栈
- javascript, react, tailwindcss
- 领域
- frontend
调研方向
从 client/src/pages/Dashboard.jsx 开始，找到绑定到 searchQuery 的搜索输入框。按照 issue 中的示例，添加一个清除控件，在查询有值时显示，并在点击时清除查询。确认该控件只在搜索内容非空时显示，并且点击后会清除搜索内容。
由索引模型根据 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 🎯
- 主要语言
- JavaScript
- 星标
- 39
- 派生
- 105
- 平均合并
- 1 天 17 小时
- 30 天内合并 PR
- 33
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 没有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
anoopcodehack/DevBoard 的其他 Issue
-
Add smooth horizontal scroll on board 🖱️可能已有人在做 @Rahul-pamula 于 1 天前认领。 未关闭good first issue
难度 1/5 1-3 小时 新手友好度 85/100
anoopcodehack/DevBoard#615 · 1 条评论 ·
维护者通常 2 天内回复
-
good first issue
难度 1/5 1-3 小时 新手友好度 90/100
anoopcodehack/DevBoard#614 ·
维护者通常 2 天内回复
-
Truncate long custom column names gracefully ✂️可能已有人在做 @nikhil9verma 今天认领。 未关闭good first issue
难度 1/5 1 小时以内 新手友好度 95/100
anoopcodehack/DevBoard#613 · 2 条评论 · 已指派 1 人 ·
维护者通常 2 天内回复
-
good first issue
难度 1/5 1 小时以内 新手友好度 85/100
anoopcodehack/DevBoard#612 ·
维护者通常 2 天内回复
-
enhancement good first issue
难度 2/5 1-3 小时 新手友好度 88/100
anoopcodehack/DevBoard#609 ·
维护者通常 2 天内回复
查看 anoopcodehack/DevBoard 的全部 Issue
相似的 Issue
-
Notifications pagination accepts NaN and negative LIMIT/OFFSET可能已有人在做 @Senthil455 今天认领。 未关闭BUGS MEDIUM
难度 2/5 1-3 小时 新手友好度 62/100
elixpo/blogs.elixpo#419 · 2 条评论 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 65/100
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 72/100
-
难度 2/5 1-3 小时 新手友好度 65/100
immich-app/immich#32426 ·
维护者通常 1 天内回复
-
automated issue report
难度 1/5 1 小时以内 新手友好度 70/100
lirantal/discoprint#45 ·
维护者通常 1 天内回复