From 791f11b8026ef6bfb1dd5b99d9edb0d8ed189f1f Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Sat, 2 Dec 2023 19:25:24 +0800
Subject: [PATCH] Improved dashboard

---
 src/App.tsx                                   | 11 +++++++
 .../AddEquipmentPage/AddEquipmentPage.tsx     |  3 ++
 src/Pages/DashboardPage/DashboardPage.tsx     | 32 +++++++++++++++++++
 3 files changed, 46 insertions(+)
 create mode 100644 src/Pages/AddEquipmentPage/AddEquipmentPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index dccbd57..1576413 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -13,6 +13,7 @@ import ActivationPage from "./Pages/ActivationPage/ActivationPage";
 import ResetPasswordPage from "./Pages/ResetPasswordPage/ResetPasswordPage";
 import EquipmentInstancesListPage from "./Pages/EquipmentInstancesListPage/EquipmentInstancesListPage";
 import AddEquipmentInstancePage from "./Pages/AddEquipmentInstancePage/AddEquipmentInstancePage";
+import AddEquipmentPage from "./Pages/AddEquipmentPage/AddEquipmentPage";
 
 const queryClient = new QueryClient();
 const router = createHashRouter([
@@ -56,6 +57,16 @@ const router = createHashRouter([
     ),
     errorElement: <ErrorPage />,
   },
+  {
+    path: "/add/equipment",
+    element: (
+      <>
+        <Revalidator />
+        <AddEquipmentPage />
+      </>
+    ),
+    errorElement: <ErrorPage />,
+  },
   {
     path: "/activation/:uid/:token",
     element: (
diff --git a/src/Pages/AddEquipmentPage/AddEquipmentPage.tsx b/src/Pages/AddEquipmentPage/AddEquipmentPage.tsx
new file mode 100644
index 0000000..2fda282
--- /dev/null
+++ b/src/Pages/AddEquipmentPage/AddEquipmentPage.tsx
@@ -0,0 +1,3 @@
+export default function AddEquipmentPage() {
+  return <div>{"AddEquipmentPage"}</div>;
+}
diff --git a/src/Pages/DashboardPage/DashboardPage.tsx b/src/Pages/DashboardPage/DashboardPage.tsx
index 03f81b5..9d8cf6d 100644
--- a/src/Pages/DashboardPage/DashboardPage.tsx
+++ b/src/Pages/DashboardPage/DashboardPage.tsx
@@ -10,6 +10,7 @@ import ChairIcon from "@mui/icons-material/Chair";
 import FormatListBulletedIcon from "@mui/icons-material/FormatListBulleted";
 import AddToQueueIcon from "@mui/icons-material/AddToQueue";
 import NoteAddIcon from "@mui/icons-material/NoteAdd";
+import NoteIcon from "@mui/icons-material/Note";
 import { colors } from "../../styles";
 import { useNavigate } from "react-router-dom";
 export default function Dashboard() {
@@ -326,6 +327,37 @@ export default function Dashboard() {
             Add SKU
           </p>
         </Button>
+        <Button
+          style={{
+            ...styles.flex_column,
+            ...{
+              alignSelf: "center",
+              justifyContent: "center",
+              flexWrap: "wrap",
+            },
+          }}
+          onClick={() => {
+            navigate("/view/equipments");
+          }}
+        >
+          <NoteIcon
+            style={{
+              height: 64,
+              width: 64,
+              fill: colors.font_dark,
+              marginLeft: "1rem",
+              marginRight: "1rem",
+            }}
+          />
+          <p
+            style={{
+              ...styles.text_dark,
+              ...styles.text_M,
+            }}
+          >
+            View SKUs
+          </p>
+        </Button>
       </div>
 
       <div