Nikola Derežić
364a12f9d6
Enhances the account page navigation by adding a "Back to home" button and improving the overall user experience with better visual hierarchy and navigation flow. Changes: - Add home navigation button to account page with green icon - Update logout button styling with red icon for visual emphasis - Improve settings button label clarity - Fix settings cancel button to navigate back to account page - Increase account icon size in page header - Update translation keys for consistency across EN/HR 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
20 lines
611 B
TypeScript
20 lines
611 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 btn-neutral' onClick={handleLogout}><LogoutIcon className='text-red-400' /> {t('logout-button-label')}</button>
|
|
)
|
|
} |