diff --git a/src/Components/DashboardPage/Technician/TechnicianEquipmentButtons.tsx b/src/Components/DashboardPage/Technician/TechnicianEquipmentButtons.tsx
index 094289d..27225da 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
-
+ */}
-
+ */}
- SetAddItemModalOpen(false)}
modal
@@ -304,7 +304,7 @@ export default function TechnicianEquipmentButtons() {
}}
>
-
+ */}
>
);
}
diff --git a/src/Pages/EquipmentInstancesListPage/EquipmentInstancesListPage.tsx b/src/Pages/EquipmentInstancesListPage/EquipmentInstancesListPage.tsx
index 432b58a..f875f95 100644
--- a/src/Pages/EquipmentInstancesListPage/EquipmentInstancesListPage.tsx
+++ b/src/Pages/EquipmentInstancesListPage/EquipmentInstancesListPage.tsx
@@ -16,10 +16,23 @@ 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"],
queryFn: EquipmentInstancesAPI,
@@ -54,6 +67,9 @@ export default function EquipmentInstancesListPage() {
}
return (
+
+
+
+ {/* ADDED/INSERTED BUTTON,POPUP, TWO CATEGORY BUTTONS*/}
+
+
+
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",
+ }}
+ >
+
+
+
+
+
+