migrations.tsx53 lines · main

1	import { PageContainer } from 'ui-patterns/PageContainer'
2	import {
3	PageHeader,
4	PageHeaderAside,
5	PageHeaderDescription,
6	PageHeaderMeta,
7	PageHeaderSummary,
8	PageHeaderTitle,
9	} from 'ui-patterns/PageHeader'
10	import { PageSection, PageSectionContent } from 'ui-patterns/PageSection'
11
12	import Migrations from '@/components/interfaces/Database/Migrations/Migrations'
13	import DatabaseLayout from '@/components/layouts/DatabaseLayout/DatabaseLayout'
14	import DefaultLayout from '@/components/layouts/DefaultLayout'
15	import { DocsButton } from '@/components/ui/DocsButton'
16	import { DOCS_URL } from '@/lib/constants'
17	import type { NextPageWithLayout } from '@/types'
18
19	const MigrationsPage: NextPageWithLayout = () => {
20	return (
21	<>
22	<PageHeader size="large">
23	<PageHeaderMeta>
24	<PageHeaderSummary>
25	<PageHeaderTitle>Database Migrations</PageHeaderTitle>
26	<PageHeaderDescription>Track changes to your database over time</PageHeaderDescription>
27	</PageHeaderSummary>
28	<PageHeaderAside>
29	<DocsButton
30	className="no-underline"
31	href={`${DOCS_URL}/guides/deployment/database-migrations`}
32	/>
33	</PageHeaderAside>
34	</PageHeaderMeta>
35	</PageHeader>
36	<PageContainer size="large">
37	<PageSection>
38	<PageSectionContent>
39	<Migrations />
40	</PageSectionContent>
41	</PageSection>
42	</PageContainer>
43	</>
44	)
45	}
46
47	MigrationsPage.getLayout = (page) => (
48	<DefaultLayout>
49	<DatabaseLayout title="Migrations">{page}</DatabaseLayout>
50	</DefaultLayout>
51	)
52
53	export default MigrationsPage