Add @mention autocomplete in task description 👥
维护者通常 1 天内回复
还没有人认领这个 Issue。
评估
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 新手友好度
- 70/100
- Issue 类型
- 功能
- 描述清晰度
- 描述清楚
- 活跃度
- 冷清
- 技术栈
- javascript, react
- 领域
- frontend
调研方向
首先阅读 client/src/components/Task/TaskModal.jsx，找到任务描述的显示和更新方式。在那里添加所请求的 @mention 建议，并使用提供的团队列表作为初始来源。验证输入 @ 时会显示匹配的建议，并且选择其中一项会将提及插入描述中。
由索引模型根据 Issue 内容生成。
描述
Add @mention autocomplete in task description 👥
File: client/src/components/Task/TaskModal.jsx
You can type @name but nothing happens 💀
No autocomplete, no suggestions fr!!
Fix: show suggestion dropdown when @ typed:
const [mentionQuery, setMentionQuery] = useState('')
const [showSuggestions, setShowSuggestions] = useState(false)
const handleDescChange = (e) => {
const val = e.target.value
setForm({...form, description: val})
const lastWord = val.split(' ').pop()
if (lastWord.startsWith('@')) {
setMentionQuery(lastWord.slice(1))
setShowSuggestions(true)
} else {
setShowSuggestions(false)
}
}
// hardcode team members for now:
const TEAM = ['anoopcodehack', 'phisher01', 'omkarwarik02']
const suggestions = TEAM.filter(m =>
m.includes(mentionQuery)
)
{showSuggestions && suggestions.length > 0 && (
{suggestions.map(s => ( { const words = form.description.split(' ') words[words.length-1] = `@${s} ` setForm({...form, description: words.join(' ')}) setShowSuggestions(false) }} className="block w-full text-left px-3 py-2 text-xs text-[#888] hover:bg-[#2a2a2f]"> @{s} ))} )}~20 lines! No backend needed 🎯
- 主要语言
- JavaScript
- 星标
- 39
- 派生
- 105
- 平均合并
- 1 天 20 小时
- 30 天内合并 PR
- 28
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 没有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
anoopcodehack/DevBoard 的其他 Issue
-
enhancement good first issue
难度 2/5 1-3 小时 新手友好度 68/100
anoopcodehack/DevBoard#588 ·
维护者通常 1 天内回复
-
good first issue
难度 2/5 1-3 小时 新手友好度 82/100
anoopcodehack/DevBoard#587 ·
维护者通常 1 天内回复
-
good first issue
难度 1/5 1 小时以内 新手友好度 90/100
anoopcodehack/DevBoard#586 ·
维护者通常 1 天内回复
-
good first issue
难度 2/5 1-3 小时 新手友好度 65/100
anoopcodehack/DevBoard#584 ·
维护者通常 1 天内回复
-
good first issue
难度 2/5 1-3 小时 新手友好度 85/100
anoopcodehack/DevBoard#583 ·
维护者通常 1 天内回复
查看 anoopcodehack/DevBoard 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 65/100
rescript-lang/rescript-lang.org#1415 ·
维护者通常 2 天内回复
-
bug
难度 2/5 1-3 小时 新手友好度 85/100
Deepak3699/Ai_Mentor#244 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 72/100
antithesishq/bombadil#361 ·
维护者通常 1 天内回复
-
ungroomed
难度 2/5 1-3 小时 新手友好度 72/100
dequelabs/axe-core#5455 · 1 条评论 ·
维护者通常 1 天内回复
-
难度 1/5 1 小时以内 新手友好度 88/100
DietrichGebert/ponytail#1072 ·
维护者通常 3 天内回复