40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import { signOut } from '@/auth';
|
|
import { Button } from '@/components/ui/button';
|
|
import {
|
|
Card,
|
|
CardContent,
|
|
CardDescription,
|
|
CardHeader,
|
|
CardTitle,
|
|
} from '@/components/ui/card';
|
|
|
|
export default function SignOutPage() {
|
|
return (
|
|
<div className='flex flex-col items-center justify-center h-screen'>
|
|
<form
|
|
action={async () => {
|
|
'use server';
|
|
await signOut({ redirectTo: '/login' });
|
|
}}
|
|
>
|
|
<Card className='w-[350px] max-w-screen'>
|
|
<CardHeader>
|
|
<CardTitle className='text-lg text-center'>Logout</CardTitle>
|
|
<CardDescription className='text-center'>
|
|
Are you sure you want to log out?
|
|
</CardDescription>
|
|
</CardHeader>
|
|
<CardContent className='gap-6 flex flex-col'>
|
|
<Button
|
|
className='hover:bg-blue-600 hover:text-white'
|
|
type='submit'
|
|
variant='secondary'
|
|
>
|
|
Logout
|
|
</Button>
|
|
</CardContent>
|
|
</Card>
|
|
</form>
|
|
</div>
|
|
);
|
|
}
|