schemas.tsx24 lines · main
1import { ReactFlowProvider } from '@xyflow/react'
2
3import { SchemaGraph } from '@/components/interfaces/Database/Schemas/SchemaGraph'
4import DatabaseLayout from '@/components/layouts/DatabaseLayout/DatabaseLayout'
5import DefaultLayout from '@/components/layouts/DefaultLayout'
6import type { NextPageWithLayout } from '@/types'
7
8const SchemasPage: NextPageWithLayout = () => {
9 return (
10 <div className="flex w-full h-full flex-col">
11 <ReactFlowProvider>
12 <SchemaGraph />
13 </ReactFlowProvider>
14 </div>
15 )
16}
17
18SchemasPage.getLayout = (page) => (
19 <DefaultLayout>
20 <DatabaseLayout title="Schema Visualizer">{page}</DatabaseLayout>
21 </DefaultLayout>
22)
23
24export default SchemasPage