Changed coming soon font size

src/components/Project/ActivityTimeline.jsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { ComingSoonPage } from "../../pages/Misc/ComingSoonPage";
 
 const ActivityTimeline = () => {
   return (
@@ -132,21 +133,7 @@ const ActivityTimeline = () => {
     //     </ul>
     //   </div>
     // </div>
-    <div className="misc-wrapper">
+    <ComingSoonPage></ComingSoonPage>
-    <h2 className="mb-2 mx-2">Coming Soon!</h2>
-    <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-    Thank you for your patience!</p>
-    <div className="mt-4">
-        <img
-            src="../assets/img/illustrations/girl-doing-yoga-light.png"
-            alt="girl-doing-yoga-light"
-            aria-label="Girl doing yoga light"
-            width="500"
-            className="img-fluid"
-            data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-            data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-    </div>
-</div>
   );
 };
 

src/components/Project/WorkPlan.jsx

@@ -1,25 +1,8 @@
 import React from "react";
+import { ComingSoonPage } from "../../pages/Misc/ComingSoonPage";
 
 const WorkPlan = () => {
-  return (
+  return <ComingSoonPage></ComingSoonPage>;
-    <>
-        <div className="misc-wrapper">
-            <h2 className="mb-2 mx-2">Coming Soon!</h2>
-            <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-            Thank you for your patience!</p>
-            <div className="mt-4">
-                <img
-                    src="../assets/img/illustrations/girl-doing-yoga-light.png"
-                    alt="girl-doing-yoga-light"
-                    aria-label="Girl doing yoga light"
-                    width="500"
-                    className="img-fluid"
-                    data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-                    data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-            </div>
-        </div>
-    </>
-)
 };
 
 export default WorkPlan;

src/data/menuData.json

@@ -81,15 +81,10 @@
                 "link": "",
                 "submenu": [
                     {
-                        "text": "Application Users",
+                        "text": "Users",
                         "available": true,
                         "link": "/employees/"
                     },
-                    {
-                        "text": "Employees",
-                        "available": true,
-                        "link": "/employees/list"
-                    },
                     {
                         "text": "Masters",
                         "available": true,

src/pages/Gallary/ImageGallary.jsx

@@ -1,21 +1,8 @@
 import React from "react";
+import { ComingSoonPage } from "../Misc/ComingSoonPage";
 
 const ImageGallary = () => {
-  return  <div className="misc-wrapper">
+  return  <ComingSoonPage></ComingSoonPage>;
-  <h2 className="mb-2 mx-2">Coming Soon!</h2>
-  <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-  Thank you for your patience!</p>
-  <div className="mt-4">
-      <img
-          src="../assets/img/illustrations/girl-doing-yoga-light.png"
-          alt="girl-doing-yoga-light"
-          aria-label="Girl doing yoga light"
-          width="500"
-          className="img-fluid"
-          data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-          data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-  </div>
-</div>;
 };
 
 export default ImageGallary;

src/pages/Misc/ComingSoonPage.jsx

@@ -4,8 +4,8 @@ import { Link } from 'react-router-dom'
 export const ComingSoonPage = () => {
     return (
         <>
-            <div className="misc-wrapper">
+            <div className="misc-wrapper pt-10">
-                <h2 className="mb-2 mx-2">Coming Soon!</h2>
+                <h5 className="mb-2 mx-2">Coming Soon!</h5>
                 <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
                     Thank you for your patience!</p>
                 <div className="mt-4">

src/pages/project/Inventory.jsx

@@ -1,21 +1,8 @@
 import React from "react";
+import { ComingSoonPage } from "../Misc/ComingSoonPage";
 
 const Inventory = () => {
-  return  <div className="misc-wrapper">
+  return  <ComingSoonPage></ComingSoonPage>;
-  <h2 className="mb-2 mx-2">Coming Soon!</h2>
-  <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-  Thank you for your patience!</p>
-  <div className="mt-4">
-      <img
-          src="../assets/img/illustrations/girl-doing-yoga-light.png"
-          alt="girl-doing-yoga-light"
-          aria-label="Girl doing yoga light"
-          width="500"
-          className="img-fluid"
-          data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-          data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-  </div>
-</div>;
 };
 
 export default Inventory;

src/pages/project/ProjectDetails.jsx

@@ -18,6 +18,7 @@ import "./ProjectDetails.css";
 import {useEmployeesByProjectAllocated, useProjectDetails} from "../../hooks/useProjects";
 import {useDispatch} from "react-redux";
 import {setProjectId} from "../../slices/localVariablesSlice";
+import { ComingSoonPage } from "../Misc/ComingSoonPage";
 
 
 const ProjectDetails = () => {
@@ -150,21 +151,7 @@ const ProjectDetails = () => {
       }
     
       default:
-        return  <div className="misc-wrapper">
+        return  <ComingSoonPage></ComingSoonPage>;
-        <h2 className="mb-2 mx-2">Coming Soon!</h2>
-        <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-        Thank you for your patience!</p>
-        <div className="mt-4">
-            <img
-                src="../assets/img/illustrations/girl-doing-yoga-light.png"
-                alt="girl-doing-yoga-light"
-                aria-label="Girl doing yoga light"
-                width="500"
-                className="img-fluid"
-                data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-                data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-        </div>
-    </div>;
     }
   };
 

src/pages/reports/Reports.jsx

@@ -1,21 +1,8 @@
 import React from "react";
+import { ComingSoonPage } from "../Misc/ComingSoonPage";
 
 const Reports = () => {
-  return  <div className="misc-wrapper">
+  return  <ComingSoonPage></ComingSoonPage>;
-  <h2 className="mb-2 mx-2">Coming Soon!</h2>
-  <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-  Thank you for your patience!</p>
-  <div className="mt-4">
-      <img
-          src="../assets/img/illustrations/girl-doing-yoga-light.png"
-          alt="girl-doing-yoga-light"
-          aria-label="Girl doing yoga light"
-          width="500"
-          className="img-fluid"
-          data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-          data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-  </div>
-</div>;
 };
 
 export default Reports;

src/pages/support/Connect.jsx

@@ -1,21 +1,8 @@
 import React from "react";
+import { ComingSoonPage } from "../Misc/ComingSoonPage";
 
 const Connect = () => {
-  return  <div className="misc-wrapper">
+  return  <ComingSoonPage></ComingSoonPage>;
-  <h2 className="mb-2 mx-2">Coming Soon!</h2>
-  <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-  Thank you for your patience!</p>
-  <div className="mt-4">
-      <img
-          src="../assets/img/illustrations/girl-doing-yoga-light.png"
-          alt="girl-doing-yoga-light"
-          aria-label="Girl doing yoga light"
-          width="500"
-          className="img-fluid"
-          data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-          data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-  </div>
-</div>;
 };
 
 export default Connect;

src/pages/support/Documentation.jsx

@@ -1,21 +1,8 @@
 import React from "react";
+import { ComingSoonPage } from "../Misc/ComingSoonPage";
 
 const Documentation = () => {
-  return  <div className="misc-wrapper">
+  return  <ComingSoonPage></ComingSoonPage>;
-  <h2 className="mb-2 mx-2">Coming Soon!</h2>
-  <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-  Thank you for your patience!</p>
-  <div className="mt-4">
-      <img
-          src="../assets/img/illustrations/girl-doing-yoga-light.png"
-          alt="girl-doing-yoga-light"
-          aria-label="Girl doing yoga light"
-          width="500"
-          className="img-fluid"
-          data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-          data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-  </div>
-</div>;
 };
 
 export default Documentation;

src/pages/support/Support.jsx

@@ -1,21 +1,8 @@
 import React from "react";
+import { ComingSoonPage } from "../Misc/ComingSoonPage";
 
 const Support = () => {
-  return  <div className="misc-wrapper">
+  return  <ComingSoonPage></ComingSoonPage>;
-  <h2 className="mb-2 mx-2">Coming Soon!</h2>
-  <p className="mb-4 mx-2">We're currently working on this feature and will have it ready shortly.
-  Thank you for your patience!</p>
-  <div className="mt-4">
-      <img
-          src="../assets/img/illustrations/girl-doing-yoga-light.png"
-          alt="girl-doing-yoga-light"
-          aria-label="Girl doing yoga light"
-          width="500"
-          className="img-fluid"
-          data-app-dark-img="illustrations/girl-doing-yoga-dark.png"
-          data-app-light-img="illustrations/girl-doing-yoga-light.png" />
-  </div>
-</div>;
 };
 
 export default Support;