From cd742b882250d3238633e6dcc3cb713460971453 Mon Sep 17 00:00:00 2001
From: Prince Kurt Laurence <delapenaprincekurtlaurence@gmail.com>
Date: Thu, 21 Dec 2023 13:55:16 +0800
Subject: [PATCH] added buttons in student page

---
 .../StudentTransactionButtons.tsx             | 133 +++++++-----------
 1 file changed, 54 insertions(+), 79 deletions(-)

diff --git a/src/Components/DashboardPage/StudentTransactionButtons.tsx b/src/Components/DashboardPage/StudentTransactionButtons.tsx
index 2b26f04..16151ba 100644
--- a/src/Components/DashboardPage/StudentTransactionButtons.tsx
+++ b/src/Components/DashboardPage/StudentTransactionButtons.tsx
@@ -1,13 +1,12 @@
 import styles from "../../styles";
 import { useNavigate } from "react-router-dom";
 import { Button } from "@mui/material";
-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 HourglassBottomIcon from '@mui/icons-material/HourglassBottom';
+import ThumbUpIcon from '@mui/icons-material/ThumbUp';
+import CheckCircleIcon from '@mui/icons-material/CheckCircle';
+import FlashOffIcon from '@mui/icons-material/FlashOff';
+import ThumbDownIcon from '@mui/icons-material/ThumbDown';
 import { colors } from "../../styles";
-import ScienceIcon from "@mui/icons-material/Science";
-import ColorizeIcon from "@mui/icons-material/Colorize";
 import Popup from "reactjs-popup";
 import AddItemModal from "../AddItemModal/AddItemModal";
 import AddSKUModal from "../AddSKUModal/AddSKUModal";
@@ -28,6 +27,7 @@ export default function StudentTransactionButtons() {
       >
         Equipments
       </p>
+
       <div
         style={{
           ...styles.flex_row,
@@ -38,6 +38,38 @@ export default function StudentTransactionButtons() {
           },
         }}
       >
+         <Button
+          style={{
+            ...styles.flex_column,
+            ...{
+              alignSelf: "center",
+              justifyContent: "center",
+              flexWrap: "wrap",
+            },
+          }}
+          onClick={() => {
+            navigate("/view/equipment_instances");
+          }}
+        >
+          <HourglassBottomIcon
+            style={{
+              height: 64,
+              width: 64,
+              fill: colors.font_dark,
+              marginLeft: "1rem",
+              marginRight: "1rem",
+            }}
+          />
+          <p
+            style={{
+              ...styles.text_dark,
+              ...styles.text_M,
+            }}
+          >
+            Pending
+          </p>
+        </Button>
+
         <Button
           style={{
             ...styles.flex_column,
@@ -51,7 +83,7 @@ export default function StudentTransactionButtons() {
             navigate("/view/equipment_instances");
           }}
         >
-          <FormatListBulletedIcon
+          <ThumbUpIcon
             style={{
               height: 64,
               width: 64,
@@ -66,9 +98,10 @@ export default function StudentTransactionButtons() {
               ...styles.text_M,
             }}
           >
-            View All
+            On-Borrow
           </p>
         </Button>
+
         <Button
           style={{
             ...styles.flex_column,
@@ -79,10 +112,10 @@ export default function StudentTransactionButtons() {
             },
           }}
           onClick={() => {
-            SetAddItemModalOpen(true);
+            navigate("/view/equipment_instances");
           }}
         >
-          <AddToQueueIcon
+          <CheckCircleIcon
             style={{
               height: 64,
               width: 64,
@@ -97,9 +130,10 @@ export default function StudentTransactionButtons() {
               ...styles.text_M,
             }}
           >
-            Add Item
+            Completed
           </p>
         </Button>
+
         <Button
           style={{
             ...styles.flex_column,
@@ -110,10 +144,10 @@ export default function StudentTransactionButtons() {
             },
           }}
           onClick={() => {
-            SetAddSKUModalOpen(true);
+            navigate("/view/equipment_instances");
           }}
         >
-          <NoteAddIcon
+          <FlashOffIcon
             style={{
               height: 64,
               width: 64,
@@ -128,9 +162,10 @@ export default function StudentTransactionButtons() {
               ...styles.text_M,
             }}
           >
-            Add SKU
+            Breakage
           </p>
         </Button>
+
         <Button
           style={{
             ...styles.flex_column,
@@ -141,10 +176,10 @@ export default function StudentTransactionButtons() {
             },
           }}
           onClick={() => {
-            navigate("/view/equipments");
+            navigate("/view/equipment_instances");
           }}
         >
-          <NoteIcon
+          <ThumbDownIcon
             style={{
               height: 64,
               width: 64,
@@ -159,9 +194,10 @@ export default function StudentTransactionButtons() {
               ...styles.text_M,
             }}
           >
-            View SKUs
+            Rejected
           </p>
         </Button>
+
       </div>
       <div
         style={{
@@ -173,68 +209,7 @@ export default function StudentTransactionButtons() {
           },
         }}
       >
-        <Button
-          style={{
-            ...styles.flex_column,
-            ...{
-              alignSelf: "center",
-              justifyContent: "center",
-              flexWrap: "wrap",
-            },
-          }}
-        >
-          <ScienceIcon
-            style={{
-              height: 64,
-              width: 64,
-              fill: colors.font_dark,
-              marginLeft: "1rem",
-              marginRight: "1rem",
-            }}
-            onClick={() => {
-              navigate("/view/equipment_instances/filter/Glassware");
-            }}
-          />
-          <p
-            style={{
-              ...styles.text_dark,
-              ...styles.text_M,
-            }}
-          >
-            Glassware
-          </p>
-        </Button>
-        <Button
-          style={{
-            ...styles.flex_column,
-            ...{
-              alignSelf: "center",
-              justifyContent: "center",
-              flexWrap: "wrap",
-            },
-          }}
-        >
-          <ColorizeIcon
-            style={{
-              height: 64,
-              width: 64,
-              fill: colors.font_dark,
-              marginLeft: "1rem",
-              marginRight: "1rem",
-            }}
-            onClick={() => {
-              navigate("/view/equipment_instances/filter/Miscellaneous");
-            }}
-          />
-          <p
-            style={{
-              ...styles.text_dark,
-              ...styles.text_M,
-            }}
-          >
-            Miscellaneous
-          </p>
-        </Button>
+         
       </div>
       <Popup
         open={addSKUmodalOpen}