42040c7918
- Create LogoutButton client component using signOut from next-auth/react - Update account page to use LogoutButton instead of static link - Convert account page to async server component for proper i18n - Add locale-aware routing for settings link - Add logging-out-message translations (EN/HR) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
29 lines
1.1 KiB
TypeScript
29 lines
1.1 KiB
TypeScript
import { FC } from 'react';
|
|
import { Main } from '@/app/ui/Main';
|
|
import Link from 'next/link';
|
|
import SettingsIcon from "@mui/icons-material/Settings";
|
|
import AccountCircle from "@mui/icons-material/AccountCircle";
|
|
import { getTranslations, getLocale } from 'next-intl/server';
|
|
import { LogoutButton } from './LogoutButton';
|
|
|
|
const Page: FC = async () => {
|
|
const t = await getTranslations('account-page');
|
|
const locale = await getLocale();
|
|
|
|
return (
|
|
<Main>
|
|
<div className="flex flex-col items-center">
|
|
<div className="card card-compact card-bordered min-w-[20em] max-w-[90em] bg-base-100 shadow-s my-1">
|
|
<div className="card-body">
|
|
<h2 className="card-title"><AccountCircle /> {t('title')}</h2>
|
|
<Link href={`/${locale}/account/settings`} className='btn btn-neutral'><SettingsIcon /> {t('settings-button')}</Link>
|
|
<LogoutButton />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</Main>
|
|
);
|
|
};
|
|
|
|
export default Page;
|