page in development screen

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": {

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": {

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 Support = lazy(() => import("../../Pages/Support"));
-const Feedback = lazy(() => import("../../Pages/Feedback"));
+//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>
         }
       />

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>
+      }
+    />
+  );
+}