From f00432aab717900ca9ccee522c24c203d4275293 Mon Sep 17 00:00:00 2001
From: psofia <psofiadara@gmail.com>
Date: Sun, 7 Jan 2024 16:40:28 +0800
Subject: [PATCH] unc

---
 .../Technician/TechnicianEquipmentButtons.tsx |  20 +--
 .../EquipmentInstancesListPage.tsx            | 126 +-----------------
 2 files changed, 14 insertions(+), 132 deletions(-)

diff --git a/src/Components/DashboardPage/Technician/TechnicianEquipmentButtons.tsx b/src/Components/DashboardPage/Technician/TechnicianEquipmentButtons.tsx
index c944e3a..3e5ed98 100644
--- a/src/Components/DashboardPage/Technician/TechnicianEquipmentButtons.tsx
+++ b/src/Components/DashboardPage/Technician/TechnicianEquipmentButtons.tsx
@@ -68,7 +68,7 @@ export default function TechnicianEquipmentButtons() {
             View All
           </p>
         </Button>
-        {/* <Button
+        <Button
           style={{
             ...styles.flex_column,
             ...{
@@ -98,8 +98,8 @@ export default function TechnicianEquipmentButtons() {
           >
             Add Item
           </p>
-        </Button> */}
-        {/* <Button
+        </Button> 
+        <Button
           style={{
             ...styles.flex_column,
             ...{
@@ -129,7 +129,7 @@ export default function TechnicianEquipmentButtons() {
           >
             Add SKU
           </p>
-        </Button> */}
+        </Button> 
         <Button
           style={{
             ...styles.flex_column,
@@ -204,7 +204,7 @@ export default function TechnicianEquipmentButtons() {
             Transactions
           </p>
         </Button>
-        {/* <Button
+         <Button
           style={{
             ...styles.flex_column,
             ...{
@@ -265,9 +265,9 @@ export default function TechnicianEquipmentButtons() {
           >
             Miscellaneous
           </p>
-        </Button> */}
+        </Button> 
       </div>
-      {/* <Popup
+      <Popup
         open={addSKUmodalOpen}
         onClose={() => SetAddSKUModalOpen(false)}
         modal
@@ -285,8 +285,8 @@ export default function TechnicianEquipmentButtons() {
         }}
       >
         <AddSKUModal />
-      </Popup> */}
-      {/* <Popup
+      </Popup> 
+       <Popup
         open={additemmodalOpen}
         onClose={() => SetAddItemModalOpen(false)}
         modal
@@ -304,7 +304,7 @@ export default function TechnicianEquipmentButtons() {
         }}
       >
         <AddItemModal />
-      </Popup> */}
+      </Popup>
     </>
   );
 }
diff --git a/src/Pages/EquipmentInstancesListPage/EquipmentInstancesListPage.tsx b/src/Pages/EquipmentInstancesListPage/EquipmentInstancesListPage.tsx
index 4ef4751..e72d3c5 100644
--- a/src/Pages/EquipmentInstancesListPage/EquipmentInstancesListPage.tsx
+++ b/src/Pages/EquipmentInstancesListPage/EquipmentInstancesListPage.tsx
@@ -16,22 +16,14 @@ import { useState } from "react";
 import Popup from "reactjs-popup";
 import Autocomplete from "@mui/material/Autocomplete";
 import SearchIcon from "@mui/icons-material/Search";
-import AddItemModal from "../../Components/AddItemModal/AddItemModal";
-import AddToQueueIcon from "@mui/icons-material/AddToQueue";
-import ScienceIcon from "@mui/icons-material/Science";
-import ColorizeIcon from "@mui/icons-material/Colorize";
 
-import { Button } from "@mui/material";
-import { useNavigate } from "react-router-dom";
 
 
 
 export default function EquipmentInstancesListPage() {
   const [editmodalOpen, SetEditModalOpen] = useState(false);
   const [selectedItem, SetSelectedItem] = useState(0);
-  const [additemmodalOpen, SetAddItemModalOpen] = useState(false);
 
-  const navigate = useNavigate();
 
   const equipment_instances = useQuery({
     queryKey: ["equipment_instances"],
@@ -83,121 +75,11 @@ export default function EquipmentInstancesListPage() {
           minWidth: "100%",
         }}
       >
-        {/* ADDED/INSERTED BUTTON,POPUP, TWO CATEGORY BUTTONS*/}
-        <Button
-          style={{
-            ...styles.flex_column,
-            ...{
-              alignSelf: "center",
-              justifyContent: "center",
-              flexWrap: "wrap",
-            },
-          }}
-          onClick={() => {
-            SetAddItemModalOpen(true);
-          }}
-        >
-          <AddToQueueIcon
-            style={{
-              height: 64,
-              width: 64,
-              fill: colors.font_dark,
-              marginLeft: "1rem",
-              marginRight: "1rem",
-            }}
-          />
-          <p
-            style={{
-              ...styles.text_dark,
-              ...styles.text_M,
-            }}
-          >
-            Add Item
-          </p>
-        </Button>
+       
+       
 
-        <Popup
-        open={additemmodalOpen}
-        onClose={() => SetAddItemModalOpen(false)}
-        modal
-        position={"top center"}
-        contentStyle={{
-          width: "32rem",
-          borderRadius: 16,
-          borderColor: "grey",
-          borderStyle: "solid",
-          borderWidth: 1,
-          padding: 16,
-          alignContent: "center",
-          justifyContent: "center",
-          textAlign: "center",
-        }}
-      >
-        <AddItemModal />
-      </Popup>
-
-      <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
           style={{