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/public/images/not-found.svg
+++ b/public/images/not-found.svg
--- a/public/locales/fa/app.json
+++ b/public/locales/fa/app.json
@@ -10,6 +10,7 @@
  "register_welfare_services": "ثبت نام اعضای خدمات رفاهی",
  "pending": "درحال اجرا...",
  "user_navy": "ناوگان",
+  "page_not_found": "صفحه مورد نظر یافت نشد",
  "header": {
    "open_profile": "پروفایل",
    "edit_profile": "ویرایش پروفایل",
@@ -28,7 +29,8 @@
    "title_login_navy_page": "ورود اعضای ناوگان",
    "title_login_welfare_services_page": "ورود اعضای خدمات رفاهی",
    "title_register_navy_page": "ثبت نام اعضای ناوگان",
-    "title_register_welfare_services_page": "ثبت نام اعضای خدمات رفاهی"
+    "title_register_welfare_services_page": "ثبت نام اعضای خدمات رفاهی",
+    "title_not_found": "یافت نشد"
  },
  "sidebar": {
    "dashboard": "داشبورد",
--- 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 />
+    </>
+  );
+}