feat(mui): migrate NotFound (404) onto MUI kit
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>
This commit is contained in:
@@ -1,53 +1,28 @@
|
|||||||
import { Link } from "react-router-dom";
|
import { Link as RouterLink } from "react-router-dom";
|
||||||
import { motion } from "framer-motion";
|
import Box from "@mui/material/Box";
|
||||||
|
import Typography from "@mui/material/Typography";
|
||||||
|
import { Button } from "../ui";
|
||||||
|
|
||||||
export default function NotFound() {
|
export default function NotFound() {
|
||||||
return (
|
return (
|
||||||
<motion.div
|
<Box
|
||||||
className="admin-empty-state"
|
sx={{
|
||||||
style={{ minHeight: "60vh", justifyContent: "center" }}
|
display: "flex",
|
||||||
initial={{ opacity: 0, y: 12 }}
|
flexDirection: "column",
|
||||||
animate={{ opacity: 1, y: 0 }}
|
alignItems: "center",
|
||||||
transition={{ duration: 0.25 }}
|
justifyContent: "center",
|
||||||
|
minHeight: "60vh",
|
||||||
|
gap: 2,
|
||||||
|
textAlign: "center",
|
||||||
|
}}
|
||||||
>
|
>
|
||||||
<div
|
<Typography variant="h1" sx={{ fontSize: "6rem", fontWeight: 700 }}>
|
||||||
className="admin-empty-icon"
|
|
||||||
style={{ width: 80, height: 80, marginBottom: "1.5rem" }}
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
width="36"
|
|
||||||
height="36"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke="currentColor"
|
|
||||||
strokeWidth="1.5"
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
>
|
|
||||||
<circle cx="12" cy="12" r="10" />
|
|
||||||
<path d="M16 16s-1.5-2-4-2-4 2-4 2" />
|
|
||||||
<line x1="9" y1="9" x2="9.01" y2="9" />
|
|
||||||
<line x1="15" y1="9" x2="15.01" y2="9" />
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h2
|
|
||||||
style={{
|
|
||||||
fontSize: "1.5rem",
|
|
||||||
fontWeight: 600,
|
|
||||||
marginBottom: "0.5rem",
|
|
||||||
color: "var(--text-primary)",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
404
|
404
|
||||||
</h2>
|
</Typography>
|
||||||
<p>Stránka nebyla nalezena.</p>
|
<Typography variant="body1">Stránka nebyla nalezena.</Typography>
|
||||||
<Link
|
<Button component={RouterLink} to="/" sx={{ mt: 0.5 }}>
|
||||||
to="/"
|
|
||||||
className="admin-btn admin-btn-primary"
|
|
||||||
style={{ marginTop: "0.5rem" }}
|
|
||||||
>
|
|
||||||
Zpět na Dashboard
|
Zpět na Dashboard
|
||||||
</Link>
|
</Button>
|
||||||
</motion.div>
|
</Box>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user