Carlos Florêncio
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import { type ReactNode } from "react";
|
|
import { Card, CardContent } from "@kandev/ui/card";
|
|
import { useAppStore } from "@/components/state-provider";
|
|
|
|
type WorkspaceScopedSectionProps = {
|
|
emptyMessage?: string;
|
|
workspaceId?: string;
|
|
children: (workspaceId: string) => ReactNode;
|
|
};
|
|
|
|
// WorkspaceScopedSection renders per-workspace integration settings for the
|
|
// routed workspace when present, otherwise the active workspace in the store.
|
|
export function WorkspaceScopedSection({
|
|
emptyMessage,
|
|
workspaceId,
|
|
children,
|
|
}: WorkspaceScopedSectionProps) {
|
|
const workspaces = useAppStore((s) => s.workspaces.items);
|
|
const activeId = useAppStore((s) => s.workspaces.activeId);
|
|
const selected = workspaceId ?? activeId ?? workspaces[0]?.id ?? null;
|
|
|
|
if (!workspaceId && workspaces.length === 0) {
|
|
return (
|
|
<Card>
|
|
<CardContent className="py-6 text-sm text-muted-foreground">
|
|
{emptyMessage ?? "Create a workspace to configure this integration."}
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
}
|
|
|
|
return <div className="space-y-3">{selected ? children(selected) : null}</div>;
|
|
}
|