31 lines
1.0 KiB
TypeScript
31 lines
1.0 KiB
TypeScript
import { useNavigate } from 'react-router-dom';
|
|
import { useAuth } from '../../../../contexts/AuthContext';
|
|
import { ReactNode } from 'react';
|
|
import { logger } from '../../../../debugConfig';
|
|
|
|
export function UserToolbar({ children }: { children: (props: { handleLogout: () => Promise<void>, handleNavUserHome: () => void }) => ReactNode }) {
|
|
const { signOut } = useAuth();
|
|
const navigate = useNavigate();
|
|
|
|
const handleLogout = async () => {
|
|
try {
|
|
await signOut();
|
|
logger.info('user-toolbar', '🚪 User logged out, navigating to home');
|
|
navigate('/');
|
|
} catch (error) {
|
|
logger.error('user-toolbar', '❌ Logout failed:', error);
|
|
}
|
|
};
|
|
|
|
const handleNavUserHome = () => {
|
|
logger.info('user-toolbar', '🏠 Navigating to single player page');
|
|
navigate('/single-player');
|
|
}
|
|
|
|
return (
|
|
<div style={{ display: 'flex', gap: '8px' }}>
|
|
{children({ handleLogout, handleNavUserHome })}
|
|
</div>
|
|
);
|
|
}
|