smtp.tsx44 lines · main

1	import { PermissionAction } from '@supabase/shared-types/out/constants'
2	import { GenericSkeletonLoader } from 'ui-patterns'
3	import { PageContainer } from 'ui-patterns/PageContainer'
4	import { PageSection, PageSectionContent } from 'ui-patterns/PageSection'
5
6	import { SmtpForm } from '@/components/interfaces/Auth/SmtpForm/SmtpForm'
7	import { AuthEmailsLayout } from '@/components/layouts/AuthLayout/AuthEmailsLayout'
8	import DefaultLayout from '@/components/layouts/DefaultLayout'
9	import NoPermission from '@/components/ui/NoPermission'
10	import { useAsyncCheckPermissions } from '@/hooks/misc/useCheckPermissions'
11	import type { NextPageWithLayout } from '@/types'
12
13	const SmtpPage: NextPageWithLayout = () => {
14	const { can: canReadAuthSettings, isSuccess: isPermissionsLoaded } = useAsyncCheckPermissions(
15	PermissionAction.READ,
16	'custom_config_gotrue'
17	)
18
19	if (isPermissionsLoaded && !canReadAuthSettings) {
20	return <NoPermission isFullPage resourceText="access your project's email settings" />
21	}
22
23	return (
24	<PageContainer size="default">
25	{!isPermissionsLoaded ? (
26	<PageSection>
27	<PageSectionContent>
28	<GenericSkeletonLoader />
29	</PageSectionContent>
30	</PageSection>
31	) : (
32	<SmtpForm />
33	)}
34	</PageContainer>
35	)
36	}
37
38	SmtpPage.getLayout = (page) => (
39	<DefaultLayout>
40	<AuthEmailsLayout>{page}</AuthEmailsLayout>
41	</DefaultLayout>
42	)
43
44	export default SmtpPage