oauth-apps.tsx46 lines · main

1	import { PageSection, PageSectionContent } from 'ui-patterns'
2	import { PageContainer } from 'ui-patterns/PageContainer'
3	import {
4	PageHeader,
5	PageHeaderAside,
6	PageHeaderMeta,
7	PageHeaderSummary,
8	PageHeaderTitle,
9	} from 'ui-patterns/PageHeader'
10
11	import { OAuthAppsList } from '@/components/interfaces/Auth/OAuthApps/OAuthAppsList'
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 OAuthApps: NextPageWithLayout = () => (
19	<>
20	<PageHeader size="default">
21	<PageHeaderMeta>
22	<PageHeaderSummary>
23	<PageHeaderTitle>OAuth Apps</PageHeaderTitle>
24	</PageHeaderSummary>
25	<PageHeaderAside>
26	<DocsButton href={`${DOCS_URL}/guides/auth/oauth-server`} />
27	</PageHeaderAside>
28	</PageHeaderMeta>
29	</PageHeader>
30	<PageContainer size="default">
31	<PageSection>
32	<PageSectionContent>
33	<OAuthAppsList />
34	</PageSectionContent>
35	</PageSection>
36	</PageContainer>
37	</>
38	)
39
40	OAuthApps.getLayout = (page) => (
41	<DefaultLayout>
42	<AuthLayout title="OAuth Apps">{page}</AuthLayout>
43	</DefaultLayout>
44	)
45
46	export default OAuthApps