Initial commit

2025-07-11 13:21:49 +00:00
commit 8a7ab3ac24
262 changed files with 28219 additions and 0 deletions
@@ -0,0 +1,62 @@
+import { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import { Box, Typography, Button, Container, useTheme } from "@mui/material";
+import { useAuth } from "../../contexts/AuthContext";
+import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
+import { logger } from '../../debugConfig';
+
+function NotFound() {
+    const theme = useTheme();
+    const navigate = useNavigate();
+    const { user } = useAuth();
+
+    useEffect(() => {
+        logger.debug('not-found', '🔄 Not Found page rendered', { 
+            hasUser: !!user,
+            userId: user?.id 
+        });
+    }, [user]);
+
+    const handleReturn = () => {
+        const returnPath = user ? '/single-player' : '/';
+        logger.debug('not-found', '🔄 Navigating to return path', { returnPath });
+        navigate(returnPath);
+    };
+
+    return (
+        <Container maxWidth="sm">
+            <Box
+                sx={{
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    minHeight: '100vh',
+                    textAlign: 'center',
+                    gap: 3
+                }}
+            >
+                <ErrorOutlineIcon sx={{ fontSize: 60, color: theme.palette.error.main }} />
+                <Typography variant="h2" component="h1" gutterBottom>
+                    404
+                </Typography>
+                <Typography variant="h5" gutterBottom>
+                    Page Not Found
+                </Typography>
+                <Typography variant="body1" color="text.secondary" paragraph>
+                    The page you're looking for doesn't exist or has been moved.
+                </Typography>
+                <Button
+                    variant="contained"
+                    color="primary"
+                    size="large"
+                    onClick={handleReturn}
+                >
+                    Return to {user ? 'Canvas' : 'Home'}
+                </Button>
+            </Box>
+        </Container>
+    );
+}
+
+export default NotFound;