zhi/HarborForge.Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: align task pages with backend task api

Browse Source
This commit is contained in:
zhi
2026-03-16 13:22:19 +00:00
parent 01affdb020
commit 0c5c78a45d
7 changed files with 70 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/TaskDetailPage.tsx
View File

@@ -12,21 +12,21 @@ export default function TaskDetailPage() {
const [newComment, setNewComment] = useState('')
useEffect(() => {
api.get<Task>(`/issues/${id}`).then(({ data }) => setTask(data))
api.get<Comment[]>(`/issues/${id}/comments`).then(({ data }) => setComments(data))
api.get<Task>(`/tasks/${id}`).then(({ data }) => setTask(data))
api.get<Comment[]>(`/tasks/${id}/comments`).then(({ data }) => setComments(data))
}, [id])
const addComment = async () => {
if (!newComment.trim() || !task) return
await api.post('/comments', { content: newComment, issue_id: task.id, author_id: 1 })
await api.post('/comments', { content: newComment, task_id: task.id, author_id: 1 })
setNewComment('')
const { data } = await api.get<Comment[]>(`/issues/${id}/comments`)
const { data } = await api.get<Comment[]>(`/tasks/${id}/comments`)
setComments(data)
}
const transition = async (newStatus: string) => {
await api.post(`/issues/${id}/transition?new_status=${newStatus}`)
const { data } = await api.get<Task>(`/issues/${id}`)
await api.post(`/tasks/${id}/transition?new_status=${newStatus}`)
const { data } = await api.get<Task>(`/tasks/${id}`)
setTask(data)
}
@@ -49,7 +49,7 @@ export default function TaskDetailPage() {
<div className="task-meta">
<span className={`badge status-${task.status}`}>{task.status}</span>
<span className={`badge priority-${task.priority}`}>{task.priority}</span>
<span className="badge">{task.issue_type}</span>{task.issue_subtype && <span className="badge">{task.issue_subtype}</span>}
<span className="badge">{task.task_type}</span>{task.task_subtype && <span className="badge">{task.task_subtype}</span>}
{task.tags && <span className="tags">{task.tags}</span>}
</div>
</div>