Carlos Florêncio
34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
import { useEffect } from "react";
|
|
import { useAppStore } from "@/components/state-provider";
|
|
import { getWebSocketClient } from "@/lib/ws/connection";
|
|
import { findTaskInSnapshots } from "@/lib/kanban/find-task";
|
|
import type { KanbanState } from "@/lib/state/slices";
|
|
|
|
type Task = KanbanState["tasks"][number];
|
|
|
|
export function useTask(taskId: string | null) {
|
|
// The active workflow's tasks live in `kanban.tasks`, but cross-workflow
|
|
// tasks (PR-review boards, multi-workflow swimlanes) live in
|
|
// `kanbanMulti.snapshots[*].tasks`. Mirror the lookup used by
|
|
// `KanbanWithPreview.useSelectedTask` so consumers like the chat panel
|
|
// can still resolve the task description for cross-workflow previews.
|
|
const task = useAppStore((state) => {
|
|
if (!taskId) return null;
|
|
const fromActive = state.kanban.tasks.find((item: Task) => item.id === taskId);
|
|
if (fromActive) return fromActive;
|
|
return findTaskInSnapshots(taskId, state.kanbanMulti.snapshots);
|
|
});
|
|
|
|
useEffect(() => {
|
|
if (!taskId) return;
|
|
const client = getWebSocketClient();
|
|
if (!client) return;
|
|
const unsubscribe = client.subscribe(taskId);
|
|
return () => {
|
|
unsubscribe();
|
|
};
|
|
}, [taskId]);
|
|
|
|
return task;
|
|
}
|