39 lines
1.3 KiB
TypeScript
39 lines
1.3 KiB
TypeScript
import { Text, Button } from '@mantine/core';
|
|
import { useTranslation } from 'react-i18next';
|
|
import { useAuth } from '@app/auth/UseSession';
|
|
|
|
export function OverviewHeader() {
|
|
const { t } = useTranslation();
|
|
const { signOut, user } = useAuth();
|
|
|
|
const handleLogout = async () => {
|
|
console.log('[OverviewHeader] Logout button clicked, calling signOut()');
|
|
// signOut() handles navigation to /logout for SAML/OAuth SLO
|
|
// Do NOT navigate after signOut - it will redirect the page
|
|
await signOut();
|
|
};
|
|
|
|
return (
|
|
<div>
|
|
<div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '0.5rem' }}>
|
|
<div>
|
|
<Text fw={600} size="lg">{t('config.overview.title', 'Application Configuration')}</Text>
|
|
<Text size="sm" c="dimmed">
|
|
{t('config.overview.description', 'Current application settings and configuration details.')}
|
|
</Text>
|
|
{user?.email && (
|
|
<Text size="xs" c="dimmed" mt="0.25rem">
|
|
Signed in as: {user.email}
|
|
</Text>
|
|
)}
|
|
</div>
|
|
{user && (
|
|
<Button color="red" variant="filled" onClick={handleLogout}>
|
|
Log out
|
|
</Button>
|
|
)}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|