index.tsx38 lines · main

1	import { Badge } from 'ui'
2	import {
3	PageSection,
4	PageSectionAside,
5	PageSectionContent,
6	PageSectionDescription,
7	PageSectionMeta,
8	PageSectionSummary,
9	PageSectionTitle,
10	} from 'ui-patterns/PageSection'
11
12	import { CustomAuthProvidersList } from './CustomAuthProvidersList'
13	import { DocsButton } from '@/components/ui/DocsButton'
14	import { DOCS_URL } from '@/lib/constants'
15
16	export const CustomAuthProviders = () => {
17	return (
18	<PageSection id="custom-providers">
19	<PageSectionMeta>
20	<PageSectionSummary>
21	<div className="flex items-center gap-x-2">
22	<PageSectionTitle>Custom Providers</PageSectionTitle>
23	<Badge variant="success">New</Badge>
24	</div>
25	<PageSectionDescription>
26	Configure OAuth/OIDC providers for this project using your own issuer or endpoints.
27	</PageSectionDescription>
28	</PageSectionSummary>
29	<PageSectionAside>
30	<DocsButton href={`${DOCS_URL}/guides/auth/custom-oauth-providers`} />
31	</PageSectionAside>
32	</PageSectionMeta>
33	<PageSectionContent>
34	<CustomAuthProvidersList />
35	</PageSectionContent>
36	</PageSection>
37	)
38	}