35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import React from 'react'
|
|
import Link from 'next/link'
|
|
|
|
import { Button } from '../_components/Button'
|
|
import { Gutter } from '../_components/Gutter'
|
|
import { RenderParams } from '../_components/RenderParams'
|
|
import { getMeUser } from '../_utilities/getMeUser'
|
|
import { AccountForm } from './AccountForm'
|
|
|
|
import classes from './index.module.scss'
|
|
|
|
export default async function Account() {
|
|
await getMeUser({
|
|
nullUserRedirect: `/login?error=${encodeURIComponent(
|
|
'You must be logged in to access your account.',
|
|
)}&redirect=${encodeURIComponent('/account')}`,
|
|
})
|
|
|
|
return (
|
|
<Gutter className={classes.account}>
|
|
<RenderParams className={classes.params} />
|
|
<h1>Account</h1>
|
|
<p>
|
|
{`This is your account dashboard. Here you can update your account information and more. To manage all users, `}
|
|
<Link href={`${process.env.NEXT_PUBLIC_PAYLOAD_URL}/admin/collections/users`}>
|
|
login to the admin dashboard
|
|
</Link>
|
|
{'.'}
|
|
</p>
|
|
<AccountForm />
|
|
<Button href="/logout" appearance="secondary" label="Log out" />
|
|
</Gutter>
|
|
)
|
|
}
|