b62342fe2d
- Created /track, /insights, /children, /family, /settings, /logout pages - Wrapped all authenticated pages with AppShell and ProtectedRoute - Updated AI assistant page to use AppShell layout - All pages now have proper header/navigation and footer/tabbar - Added responsive mobile and desktop layouts - Integrated with existing navigation system 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
35 lines
726 B
TypeScript
35 lines
726 B
TypeScript
'use client';
|
|
|
|
import { useEffect } from 'react';
|
|
import { useAuth } from '@/lib/auth/AuthContext';
|
|
import { Box, CircularProgress, Typography } from '@mui/material';
|
|
|
|
export default function LogoutPage() {
|
|
const { logout } = useAuth();
|
|
|
|
useEffect(() => {
|
|
const performLogout = async () => {
|
|
await logout();
|
|
};
|
|
performLogout();
|
|
}, [logout]);
|
|
|
|
return (
|
|
<Box
|
|
sx={{
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
minHeight: '100vh',
|
|
gap: 2,
|
|
}}
|
|
>
|
|
<CircularProgress />
|
|
<Typography variant="body1" color="text.secondary">
|
|
Logging out...
|
|
</Typography>
|
|
</Box>
|
|
);
|
|
}
|