feat: update task list items to use Link component for navigation
This commit is contained in:
@@ -999,9 +999,14 @@ export default function BoardGroupDetailPage() {
|
|||||||
{item.tasks && item.tasks.length > 0 ? (
|
{item.tasks && item.tasks.length > 0 ? (
|
||||||
<ul className="space-y-3">
|
<ul className="space-y-3">
|
||||||
{item.tasks.map((task) => (
|
{item.tasks.map((task) => (
|
||||||
<li
|
<li key={task.id}>
|
||||||
key={task.id}
|
<Link
|
||||||
className="rounded-lg border border-slate-200 bg-slate-50/40 p-3"
|
href={{
|
||||||
|
pathname: `/boards/${item.board.id}`,
|
||||||
|
query: { taskId: task.id },
|
||||||
|
}}
|
||||||
|
className="block rounded-lg border border-slate-200 bg-slate-50/40 p-3 transition hover:border-blue-200 hover:bg-blue-50/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||||
|
title="Open task on board"
|
||||||
>
|
>
|
||||||
<div className="flex flex-wrap items-center justify-between gap-2">
|
<div className="flex flex-wrap items-center justify-between gap-2">
|
||||||
<div className="flex min-w-0 items-center gap-2">
|
<div className="flex min-w-0 items-center gap-2">
|
||||||
@@ -1040,6 +1045,7 @@ export default function BoardGroupDetailPage() {
|
|||||||
{task.id}
|
{task.id}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
</Link>
|
||||||
</li>
|
</li>
|
||||||
))}
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
Reference in New Issue
Block a user