chore: loading and default route to dashboard

Author: WissamProgress

examples/coffee-warehouse-nextjs/app/assets/userImage.png

@@ -9,7 +9,7 @@ import { useLocalization } from "@progress/kendo-react-intl";
 import { locales } from "./../resources/locales";
 import Image from "next/image";
 
-import userAvatar from "../assets/teammember-04.png";
+import userAvatar from "../assets/userImage.png";
 const noMessage = "message not defined";
 
 export const Header = (props) => {

examples/coffee-warehouse-nextjs/app/components/Header.jsx

@@ -0,0 +1,29 @@
+"use client";
+
+import { Fragment } from "react";
+import { Skeleton } from "@progress/kendo-react-indicators";
+
+export default function DashBoardSkeleton() {
+  return (
+    <Fragment>
+        <Skeleton
+          shape={"rectangle"}
+          style={{
+            width: "100%",
+            height: "345px",
+            margin: "50px",
+            background: "white",
+          }}
+        />
+      <Skeleton
+        shape={"rectangle"}
+        style={{
+          width: "100%",
+          height: "500px",
+          margin: "50px",
+          background: "white",
+        }}
+      />
+    </Fragment>
+  );
+}

examples/coffee-warehouse-nextjs/app/warehouse/dashboard/dashboard-skeleton.tsx

@@ -1,3 +1,5 @@
+import DashBoardSkeleton from "./dashboard-skeleton";
+
 export default function Loading() {
-    return 'Loading dashboard...';
+    return <DashBoardSkeleton />
 }

examples/coffee-warehouse-nextjs/app/warehouse/dashboard/loading.tsx

@@ -7,7 +7,7 @@ export default async function Page() {
   );
 
   const getEmployees = async() => {
-    await delay(3000);
+    await delay(1000);
     return employees;
   }
   const data = await getEmployees();

examples/coffee-warehouse-nextjs/app/warehouse/dashboard/page.jsx

@@ -1,3 +1,5 @@
+import PlanningLoader from "./planning-loader";
+
 export default function Loading() {
-    return 'Loading planning...';
+    return <PlanningLoader />
 }

examples/coffee-warehouse-nextjs/app/warehouse/loading.tsx

@@ -6,7 +6,7 @@ export default async function Page() {
   );
 
   const getEmployees = async() => {
-    await delay(3000);
+    await delay(1000);
     return employees;
   }
   const data = await getEmployees();

examples/coffee-warehouse-nextjs/app/warehouse/planning/loading.tsx

@@ -0,0 +1,13 @@
+"use client";
+
+import { Loader } from "@progress/kendo-react-indicators";
+import { Fragment } from "react";
+
+export default function PlanningLoader() {
+  return (
+    <Fragment>
+      <span>Loading Planning Data</span>
+      <Loader size="large" type={'pulsing'} />
+    </Fragment>
+  );
+}

examples/coffee-warehouse-nextjs/app/warehouse/planning/page.jsx

@@ -5,4 +5,13 @@ module.exports = {
     includePaths: [path.join(__dirname, 'styles')],
     prependData: `@import "~@styles/main.scss";`,
   },
+  async redirects() {
+    return [
+      {
+        source: '/',
+        destination: '/warehouse/dashboard',
+        permanent: true,
+      },
+    ]
+  },
 }