add not found page and design follow up loan

2023-07-15 11:20:21 +03:30
parent 4c5b042a6b
commit 489a8bf6dc
4 changed files with 55 additions and 1 deletions
--- a/src/components/not-found.jsx
+++ b/src/components/not-found.jsx
@@ -0,0 +1,38 @@
+import CenterLayout from "@/layouts/CenterLayout";
+import FullPageLayout from "@/layouts/FullPageLayout";
+import { Box, Button, Typography } from "@mui/material";
+import { NextLinkComposed } from "@/core/components/LinkRouting";
+import { useTranslations } from "next-intl";
+import Image from "next/image";
+
+const NotFoundComponent = () => {
+    const t = useTranslations();
+  return (
+    <FullPageLayout sx={{ p: 1 }}>
+      <CenterLayout>
+        <Box sx={{ position: "relative", width: "100%", height: 250 }}>
+          <Image
+            fill
+            src="/images/not-found.svg"
+            alt="not found image"
+            priority
+          />
+        </Box>
+        <Typography margin={2} variant="h6" textAlign="center">
+          صفحه ای با این عنوان یافت نشد
+        </Typography>
+        <Button
+          variant="contained"
+          component={NextLinkComposed}
+          to={{
+            pathname: "/dashboard",
+          }}
+        >
+          رفتن به داشبورد
+        </Button>
+      </CenterLayout>
+    </FullPageLayout>
+  );
+};
+
+export default NotFoundComponent;
--- a/src/pages/404.jsx
+++ b/src/pages/404.jsx
@@ -0,0 +1,13 @@
+import NotFoundComponent from "@/components/not-found";
+import Head from "next/head";
+
+export default function NotFound() {
+  return (
+    <>
+      <Head>
+        <title>یافت نشد</title>
+      </Head>
+      <NotFoundComponent />
+    </>
+  );
+}