Fix TypeScript compilation errors in navigation components

- Remove unused event parameter in BottomNavigation
- Fix AccountPage Grid component usage and remove unused imports
- Replace Grid with Flexbox layout for better compatibility
- All navigation files now pass TypeScript compilation and linting

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
main
Samuel Gbafa 2 months ago
parent ffc744217a
commit f1cafdfe5f
  1. 2
      src/components/navigation/BottomNavigation.tsx
  2. 16
      src/pages/AccountPage.tsx

@ -33,7 +33,7 @@ const BottomNavigation = () => {
return activeItem ? activeItem.path : '/feed';
};
const handleChange = (event: React.SyntheticEvent, newValue: string) => {
const handleChange = (_event: React.SyntheticEvent, newValue: string) => {
navigate(newValue);
};

@ -1,5 +1,5 @@
import { Box, Typography, Container, Avatar, Paper, Grid, Button } from '@mui/material';
import { Settings, Edit } from '@mui/icons-material';
import { Box, Typography, Container, Avatar, Paper, Button } from '@mui/material';
import { Edit } from '@mui/icons-material';
const AccountPage = () => {
return (
@ -9,8 +9,8 @@ const AccountPage = () => {
My Account
</Typography>
<Grid container spacing={3}>
<Grid item xs={12} md={4}>
<Box sx={{ display: 'flex', flexDirection: { xs: 'column', md: 'row' }, gap: 3 }}>
<Box sx={{ flex: { xs: 1, md: '0 0 33%' } }}>
<Paper sx={{ p: 3, textAlign: 'center' }}>
<Avatar
sx={{ width: 120, height: 120, mx: 'auto', mb: 2 }}
@ -29,9 +29,9 @@ const AccountPage = () => {
Edit Profile
</Button>
</Paper>
</Grid>
</Box>
<Grid item xs={12} md={8}>
<Box sx={{ flex: 1 }}>
<Paper sx={{ p: 3 }}>
<Typography variant="h6" sx={{ mb: 2 }}>
Account Settings
@ -40,8 +40,8 @@ const AccountPage = () => {
Manage your account preferences and settings.
</Typography>
</Paper>
</Grid>
</Grid>
</Box>
</Box>
</Box>
</Container>
);

Loading…
Cancel
Save