Replace legacy admin-empty-state/admin-empty-icon/admin-btn markup and motion
wrapper with a centered MUI Box + Typography (h1 variant for 404 heading,
body1 for message) and a kit Button component={RouterLink}. All text and link
target ('/') preserved verbatim.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
29 lines
757 B
TypeScript
29 lines
757 B
TypeScript
import { Link as RouterLink } from "react-router-dom";
|
|
import Box from "@mui/material/Box";
|
|
import Typography from "@mui/material/Typography";
|
|
import { Button } from "../ui";
|
|
|
|
export default function NotFound() {
|
|
return (
|
|
<Box
|
|
sx={{
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
minHeight: "60vh",
|
|
gap: 2,
|
|
textAlign: "center",
|
|
}}
|
|
>
|
|
<Typography variant="h1" sx={{ fontSize: "6rem", fontWeight: 700 }}>
|
|
404
|
|
</Typography>
|
|
<Typography variant="body1">Stránka nebyla nalezena.</Typography>
|
|
<Button component={RouterLink} to="/" sx={{ mt: 0.5 }}>
|
|
Zpět na Dashboard
|
|
</Button>
|
|
</Box>
|
|
);
|
|
}
|