20 lines
568 B
TypeScript
20 lines
568 B
TypeScript
"use client";
|
|
|
|
import { FC } from 'react';
|
|
import LogoutIcon from "@mui/icons-material/Logout";
|
|
import { signOut } from 'next-auth/react';
|
|
import { useLocale, useTranslations } from 'next-intl';
|
|
import { Button } from '@/app/ui/button';
|
|
|
|
export const LogoutButton: FC = () => {
|
|
const t = useTranslations('account-page');
|
|
const locale = useLocale();
|
|
|
|
const handleLogout = () => {
|
|
signOut({ callbackUrl: `/${locale}/` });
|
|
};
|
|
|
|
return (
|
|
<Button className='btn' onClick={handleLogout}><LogoutIcon /> {t('logout-button')}</Button>
|
|
)
|
|
} |