oauth-server.tsx47 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
11	import { OAuthServerSettingsForm } from '@/components/interfaces/Auth/OAuthApps/OAuthServerSettingsForm'
12	import AuthLayout from '@/components/layouts/AuthLayout/AuthLayout'
13	import DefaultLayout from '@/components/layouts/DefaultLayout'
14	import { DocsButton } from '@/components/ui/DocsButton'
15	import { DOCS_URL } from '@/lib/constants'
16	import type { NextPageWithLayout } from '@/types'
17
18	const ProvidersPage: NextPageWithLayout = () => {
19	return (
20	<>
21	<PageHeader size="default">
22	<PageHeaderMeta>
23	<PageHeaderSummary>
24	<PageHeaderTitle>OAuth Server</PageHeaderTitle>
25	<PageHeaderDescription>
26	Configure your project to act as an identity provider for third-party applications
27	</PageHeaderDescription>
28	</PageHeaderSummary>
29	<PageHeaderAside>
30	<DocsButton href={`${DOCS_URL}/guides/auth/oauth-server`} />
31	</PageHeaderAside>
32	</PageHeaderMeta>
33	</PageHeader>
34	<PageContainer size="default">
35	<OAuthServerSettingsForm />
36	</PageContainer>
37	</>
38	)
39	}
40
41	ProvidersPage.getLayout = (page) => (
42	<DefaultLayout>
43	<AuthLayout title="OAuth Server">{page}</AuthLayout>
44	</DefaultLayout>
45	)
46
47	export default ProvidersPage