From c3d69a47fc7aed9b7bf8a948ef92a24ec5f9775d Mon Sep 17 00:00:00 2001
From: alex <alex@roese.dev>
Date: Mon, 22 Jan 2024 19:54:27 +0100
Subject: [PATCH] page in development screen

---
 public/locales/de/translation.json   |  4 ++++
 public/locales/en/translation.json   |  4 ++++
 src/Components/AppRoutes/index.js    |  9 +++++----
 src/Pages/PageInDevelopment/index.js | 21 +++++++++++++++++++++
 4 files changed, 34 insertions(+), 4 deletions(-)
 create mode 100644 src/Pages/PageInDevelopment/index.js

diff --git a/public/locales/de/translation.json b/public/locales/de/translation.json
index fb828d9..4fef097 100644
--- a/public/locales/de/translation.json
+++ b/public/locales/de/translation.json
@@ -61,6 +61,10 @@
     "subTitle": "Die Seite, die Sie besucht haben, existiert leider nicht.",
     "buttonBackHome": "Zurück zur Startseite"
   },
+  "pageInDevelopment": {
+    "title": "Seite in Entwicklung",
+    "subTitle": "Die Seite, die Sie besucht haben, befindet sich noch in Entwicklung."
+  },
   "sideMenu": {
     "overview": "Übersicht",
     "website": {
diff --git a/public/locales/en/translation.json b/public/locales/en/translation.json
index 3ee4aa0..ddb3492 100644
--- a/public/locales/en/translation.json
+++ b/public/locales/en/translation.json
@@ -61,6 +61,10 @@
     "subTitle": "The page you visited does not exist.",
     "buttonBackHome": "Back to Home"
   },
+  "pageInDevelopment": {
+    "title": "Page In Development",
+    "subTitle": "The page you visited is still in development."
+  },
   "sideMenu": {
     "overview": "Overview",
     "website": {
diff --git a/src/Components/AppRoutes/index.js b/src/Components/AppRoutes/index.js
index 475245a..f116cb3 100644
--- a/src/Components/AppRoutes/index.js
+++ b/src/Components/AppRoutes/index.js
@@ -6,13 +6,14 @@ import { MySupsenseFallback } from "../MySupsenseFallback";
 // Lazy-loaded components
 const Dashboard = lazy(() => import("../../Pages/Dashboard"));
 const PageNotFound = lazy(() => import("../../Pages/PageNotFound"));
+const PageInDevelopment = lazy(() => import("../../Pages/PageInDevelopment"));
 const StoreSettings = lazy(() => import("../../Pages/Store/Settings"));
 const StoreEmployees = lazy(() => import("../../Pages/Store/Employees"));
 const StoreServices = lazy(() => import("../../Pages/Store/Services"));
 const StoreCalendar = lazy(() => import("../../Pages/Store/Calendar"));
 const StoreCalendarAuth = lazy(() => import("../../Pages/Store/Calendar/Auth"));
-const Support = lazy(() => import("../../Pages/Support"));
-const Feedback = lazy(() => import("../../Pages/Feedback"));
+//const Support = lazy(() => import("../../Pages/Support"));
+//const Feedback = lazy(() => import("../../Pages/Feedback"));
 const UserProfile = lazy(() => import("../../Pages/UserProfile"));
 
 export default function AppRoutes({ userSession, setUserSession }) {
@@ -78,7 +79,7 @@ export default function AppRoutes({ userSession, setUserSession }) {
         path={Constants.ROUTE_PATHS.SUPPORT}
         element={
           <MySupsenseFallback>
-            <Support />
+            <PageInDevelopment />
           </MySupsenseFallback>
         }
       />
@@ -87,7 +88,7 @@ export default function AppRoutes({ userSession, setUserSession }) {
         path={Constants.ROUTE_PATHS.FEEDBACK}
         element={
           <MySupsenseFallback>
-            <Feedback />
+            <PageInDevelopment />
           </MySupsenseFallback>
         }
       />
diff --git a/src/Pages/PageInDevelopment/index.js b/src/Pages/PageInDevelopment/index.js
new file mode 100644
index 0000000..3bfe716
--- /dev/null
+++ b/src/Pages/PageInDevelopment/index.js
@@ -0,0 +1,21 @@
+import { Button, Result } from "antd";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import { Constants } from "../../utils";
+
+export default function PageInDevelopment() {
+  const { t } = useTranslation();
+
+  return (
+    <Result
+      status="404"
+      title={t("pageInDevelopment.title")}
+      subTitle={t("pageInDevelopment.subTitle")}
+      extra={
+        <Link to={Constants.ROUTE_PATHS.OVERVIEW}>
+          <Button type="primary">{t("pageNotFound.buttonBackHome")}</Button>
+        </Link>
+      }
+    />
+  );
+}