diff --git a/frontend/src/app/boards/[boardId]/page.tsx b/frontend/src/app/boards/[boardId]/page.tsx index 266ce16..ce07ba2 100644 --- a/frontend/src/app/boards/[boardId]/page.tsx +++ b/frontend/src/app/boards/[boardId]/page.tsx @@ -2239,6 +2239,28 @@ export default function BoardDetailPage() { }); }, [openComments, selectedTask, taskById]); + const selectedTaskResolvedDependencies = useMemo< + DependencyBannerDependency[] + >(() => { + if (!selectedTask) return []; + return tasks + .filter((task) => task.depends_on_task_ids?.includes(selectedTask.id)) + .map((task) => { + const statusLabel = task.status ? task.status.replace(/_/g, " ") : "unknown"; + return { + id: task.id, + title: task.title, + statusLabel, + isBlocking: false, + isDone: task.status === "done", + onClick: () => { + openComments({ id: task.id }); + }, + disabled: false, + }; + }); + }, [openComments, selectedTask, tasks]); + useEffect(() => { if (!taskIdFromUrl) return; if (openedTaskIdFromUrlRef.current === taskIdFromUrl) return; @@ -3410,15 +3432,44 @@ export default function BoardDetailPage() {
Dependencies
-
diff --git a/frontend/src/components/molecules/DependencyBanner.tsx b/frontend/src/components/molecules/DependencyBanner.tsx
index aad178d..01bbea3 100644
--- a/frontend/src/components/molecules/DependencyBanner.tsx
+++ b/frontend/src/components/molecules/DependencyBanner.tsx
@@ -20,6 +20,8 @@ interface DependencyBannerProps {
emptyMessage?: string;
}
+type DependencyBannerVariant = "blocked" | "resolved";
+
const toneClassByVariant: Record