36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import { Suspense, lazy } from "react";
|
|
import { SchemaEditable } from "ui/client/bknd";
|
|
import { useBkndData } from "ui/client/schema/data/use-bknd-data";
|
|
import { Button } from "ui/components/buttons/Button";
|
|
import * as AppShell from "ui/layouts/AppShell/AppShell";
|
|
|
|
const DataSchemaCanvas = lazy(() =>
|
|
import("ui/modules/data/components/canvas/DataSchemaCanvas").then((m) => ({
|
|
default: m.DataSchemaCanvas,
|
|
})),
|
|
);
|
|
|
|
export function DataSchemaIndex() {
|
|
const { $data } = useBkndData();
|
|
return (
|
|
<>
|
|
<AppShell.SectionHeader
|
|
right={
|
|
<SchemaEditable>
|
|
<Button type="button" variant="primary" onClick={$data.modals.createAny}>
|
|
Create new
|
|
</Button>
|
|
</SchemaEditable>
|
|
}
|
|
>
|
|
Schema Overview
|
|
</AppShell.SectionHeader>
|
|
<div className="w-full h-full">
|
|
<Suspense>
|
|
<DataSchemaCanvas />
|
|
</Suspense>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|