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 天 19 小時
- 30 天內合併 PR
- 29
環境準備
- 沒有 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 天內回覆
-
Add bulk delete for selected tasks 🗑️可能已有人在做 @Mario-Mohar 今天認領。 未關閉good first issue
難度 1/5 1 小時以內 新手友好度 90/100
anoopcodehack/DevBoard#586 · 1 則留言 ·
維護者通常 1 天內回覆
-
Add database indexes to Task and User models ⚡可能已有人在做 @Mario-Mohar 今天認領。 未關閉good first issue
難度 2/5 1-3 小時 新手友好度 65/100
anoopcodehack/DevBoard#584 · 1 則留言 ·
維護者通常 1 天內回覆
-
Show blocked tasks count in column header 🚫可能已有人在做 @anushreemehta6 今天認領。 未關閉good first issue
難度 2/5 1-3 小時 新手友好度 85/100
anoopcodehack/DevBoard#583 · 4 則留言 · 已指派 1 人 ·
維護者通常 1 天內回覆
查看 anoopcodehack/DevBoard 的全部 Issue
相似的 Issue
-
難度 2/5 1-3 小時 新手友好度 72/100
no-human-ai/no_human#659 ·
維護者通常 1 天內回覆
-
[BUG] Multi-day events show "Ended" while still in progress可能已有人在做 @tarunagnihotri534 今天認領。 未關閉bug
難度 2/5 1-3 小時 新手友好度 85/100
data-umbrella/du-event-board#231 · 2 則留言 ·
-
難度 1/5 1 小時以內 新手友好度 78/100
-
IO.get_env on Node truncates names at embedded NUL可能已有人在做 @Yi-111-a 今天認領。 未關閉
難度 2/5 1-3 小時 新手友好度 82/100
HigherOrderCO/Bend#1449 · 1 則留言 ·
-
難度 1/5 1 小時以內 新手友好度 72/100
cryptpad/documentation#162 ·