hammer/hammer-queue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add tags display to TaskPage header and sidebar

Browse Source
This commit is contained in:
Hammer
2026-01-29 11:05:33 +00:00
parent e9c0763025
commit bfa6c87fce
1 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/pages/TaskPage.tsx
View File

@@ -248,6 +248,11 @@ export function TaskPage() {
📁 {project.name}
</span>
)}
{task.tags?.map(tag => (
<span key={tag} className="text-xs text-violet-600 dark:text-violet-400 bg-violet-100 dark:bg-violet-900/30 px-2 py-0.5 rounded-full font-medium">
🏷️ {tag}
</span>
))}
</div>
{editingTitle ? (
<div className="flex items-center gap-2">
@@ -612,6 +617,18 @@ export function TaskPage() {
<span className="text-gray-700 dark:text-gray-300 font-medium">{project.name}</span>
</div>
)}
{task.tags?.length > 0 && (
<div>
<span className="text-gray-500 dark:text-gray-400 block mb-1">Tags</span>
<div className="flex flex-wrap gap-1">
{task.tags.map(tag => (
<span key={tag} className="text-[10px] text-violet-600 dark:text-violet-400 bg-violet-100 dark:bg-violet-900/30 px-1.5 py-0.5 rounded-full font-medium">
🏷️ {tag}
</span>
))}
</div>
</div>
)}
<div className="flex justify-between">
<span className="text-gray-500 dark:text-gray-400">Created</span>
<span className="text-gray-700 dark:text-gray-300 text-xs">{timeAgo(task.createdAt)}</span>