fix: restore domainId prop to TasksKanbanView and TasksListView
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
"use client";
|
"use client";
|
||||||
|
|
||||||
import { useState } from "react";
|
import { useState, useEffect } from "react";
|
||||||
import { LayoutGrid, List, Plus } from "lucide-react";
|
import { LayoutGrid, List, Plus } from "lucide-react";
|
||||||
import { Button } from "@/components/ui/button";
|
import { Button } from "@/components/ui/button";
|
||||||
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
||||||
@@ -13,8 +13,24 @@ import { RealtimeProvider } from "@/components/realtime-provider";
|
|||||||
export default function TasksPage() {
|
export default function TasksPage() {
|
||||||
const [view, setView] = useState<"kanban" | "list">("kanban");
|
const [view, setView] = useState<"kanban" | "list">("kanban");
|
||||||
const [refreshKey, setRefreshKey] = useState(0);
|
const [refreshKey, setRefreshKey] = useState(0);
|
||||||
|
const [domainId, setDomainId] = useState<string | null>(null);
|
||||||
|
const [domains, setDomains] = useState<{ id: string; name: string; color: string | null }[]>([]);
|
||||||
const { open, openCreate, closeCreate } = useCreateDialogStore();
|
const { open, openCreate, closeCreate } = useCreateDialogStore();
|
||||||
|
|
||||||
|
// Fetch domains and select first one
|
||||||
|
useEffect(() => {
|
||||||
|
fetch('/api/domains?sort=sort_order')
|
||||||
|
.then((res) => res.json())
|
||||||
|
.then((data) => {
|
||||||
|
const items = data.items || [];
|
||||||
|
setDomains(items);
|
||||||
|
if (items.length > 0 && !domainId) {
|
||||||
|
setDomainId(items[0].id);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {});
|
||||||
|
}, []); // eslint-disable-line react-hooks/exhaustive-deps
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<RealtimeProvider>
|
<RealtimeProvider>
|
||||||
<div>
|
<div>
|
||||||
@@ -24,6 +40,18 @@ export default function TasksPage() {
|
|||||||
<p className="mt-1 text-muted-foreground">Move work forward without losing the thread.</p>
|
<p className="mt-1 text-muted-foreground">Move work forward without losing the thread.</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
|
{domains.length > 1 && (
|
||||||
|
<select
|
||||||
|
value={domainId || ''}
|
||||||
|
onChange={(e) => setDomainId(e.target.value)}
|
||||||
|
className="rounded-md border bg-background px-3 py-1.5 text-sm"
|
||||||
|
aria-label="Select domain"
|
||||||
|
>
|
||||||
|
{domains.map((d) => (
|
||||||
|
<option key={d.id} value={d.id}>{d.name}</option>
|
||||||
|
))}
|
||||||
|
</select>
|
||||||
|
)}
|
||||||
<Button onClick={() => openCreate("task")}>
|
<Button onClick={() => openCreate("task")}>
|
||||||
<Plus className="mr-2 h-4 w-4" aria-hidden="true" />
|
<Plus className="mr-2 h-4 w-4" aria-hidden="true" />
|
||||||
New task
|
New task
|
||||||
@@ -36,7 +64,7 @@ export default function TasksPage() {
|
|||||||
</Tabs>
|
</Tabs>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{view === "kanban" ? <TasksKanbanView key={refreshKey} /> : <TasksListView key={refreshKey} />}
|
{domainId && (view === "kanban" ? <TasksKanbanView key={refreshKey} domainId={domainId} /> : <TasksListView key={refreshKey} domainId={domainId} />)}
|
||||||
<CreateItemDialog type="task" open={open} onOpenChange={(o) => (o ? openCreate("task") : closeCreate())} onCreated={() => setRefreshKey((k) => k + 1)} />
|
<CreateItemDialog type="task" open={open} onOpenChange={(o) => (o ? openCreate("task") : closeCreate())} onCreated={() => setRefreshKey((k) => k + 1)} />
|
||||||
</div>
|
</div>
|
||||||
</RealtimeProvider>
|
</RealtimeProvider>
|
||||||
|
|||||||
Reference in New Issue
Block a user