settings.tsx52 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 { RealtimeSettings } from '@/components/interfaces/Realtime/RealtimeSettings'
13	import DefaultLayout from '@/components/layouts/DefaultLayout'
14	import RealtimeLayout from '@/components/layouts/RealtimeLayout/RealtimeLayout'
15	import { DocsButton } from '@/components/ui/DocsButton'
16	import { DOCS_URL } from '@/lib/constants'
17	import type { NextPageWithLayout } from '@/types'
18
19	const RealtimeSettingsPage: NextPageWithLayout = () => {
20	return (
21	<>
22	<PageHeader>
23	<PageHeaderMeta>
24	<PageHeaderSummary>
25	<PageHeaderTitle>Realtime Settings</PageHeaderTitle>
26	<PageHeaderDescription>
27	Configure your project's Realtime settings
28	</PageHeaderDescription>
29	</PageHeaderSummary>
30	<PageHeaderAside>
31	<DocsButton href={`${DOCS_URL}/guides/realtime/settings`} />
32	</PageHeaderAside>
33	</PageHeaderMeta>
34	</PageHeader>
35	<PageContainer>
36	<PageSection>
37	<PageSectionContent>
38	<RealtimeSettings />
39	</PageSectionContent>
40	</PageSection>
41	</PageContainer>
42	</>
43	)
44	}
45
46	RealtimeSettingsPage.getLayout = (page) => (
47	<DefaultLayout>
48	<RealtimeLayout title="Realtime Settings">{page}</RealtimeLayout>
49	</DefaultLayout>
50	)
51
52	export default RealtimeSettingsPage