From 7f4e401669fa1501291d115eeae9ae2a970a59a2 Mon Sep 17 00:00:00 2001
From: Prince Kurt Laurence <delapenaprincekurtlaurence@gmail.com>
Date: Wed, 27 Dec 2023 17:41:28 +0800
Subject: [PATCH 1/2] added button to transaction

---
 .../TechnicianEquipmentButtons.tsx            | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/src/Components/DashboardPage/TechnicianEquipmentButtons.tsx b/src/Components/DashboardPage/TechnicianEquipmentButtons.tsx
index da64391..87ecd35 100644
--- a/src/Components/DashboardPage/TechnicianEquipmentButtons.tsx
+++ b/src/Components/DashboardPage/TechnicianEquipmentButtons.tsx
@@ -8,6 +8,7 @@ import NoteIcon from "@mui/icons-material/Note";
 import { colors } from "../../styles";
 import ScienceIcon from "@mui/icons-material/Science";
 import ColorizeIcon from "@mui/icons-material/Colorize";
+import ArticleIcon from '@mui/icons-material/Article';
 import Popup from "reactjs-popup";
 import AddItemModal from "../AddItemModal/AddItemModal";
 import AddSKUModal from "../AddSKUModal/AddSKUModal";
@@ -233,6 +234,37 @@ export default function TechnicianEquipmentButtons() {
             Miscellaneous
           </p>
         </Button>
+        <Button
+          style={{
+            ...styles.flex_column,
+            ...{
+              alignSelf: "center",
+              justifyContent: "center",
+              flexWrap: "wrap",
+            },
+          }}
+        >
+          <ArticleIcon
+            style={{
+              height: 64,
+              width: 64,
+              fill: colors.font_dark,
+              marginLeft: "1rem",
+              marginRight: "1rem",
+            }}
+            onClick={() => {
+              navigate("/view/transactions");
+            }}
+          />
+          <p
+            style={{
+              ...styles.text_dark,
+              ...styles.text_M,
+            }}
+          >
+            Transactions
+          </p>
+        </Button>
       </div>
       <Popup
         open={addSKUmodalOpen}

From 08430e2a66d59447489ec5f2f1fc44688be0eaaa Mon Sep 17 00:00:00 2001
From: Prince Kurt Laurence <delapenaprincekurtlaurence@gmail.com>
Date: Wed, 27 Dec 2023 17:45:03 +0800
Subject: [PATCH 2/2] change the position of transaction button

---
 .../TechnicianEquipmentButtons.tsx            | 63 ++++++++++---------
 1 file changed, 32 insertions(+), 31 deletions(-)

diff --git a/src/Components/DashboardPage/TechnicianEquipmentButtons.tsx b/src/Components/DashboardPage/TechnicianEquipmentButtons.tsx
index 87ecd35..9831970 100644
--- a/src/Components/DashboardPage/TechnicianEquipmentButtons.tsx
+++ b/src/Components/DashboardPage/TechnicianEquipmentButtons.tsx
@@ -161,6 +161,7 @@ export default function TechnicianEquipmentButtons() {
             View SKUs
           </p>
         </Button>
+        
       </div>
       <div
         style={{
@@ -172,6 +173,37 @@ export default function TechnicianEquipmentButtons() {
           },
         }}
       >
+                <Button
+          style={{
+            ...styles.flex_column,
+            ...{
+              alignSelf: "center",
+              justifyContent: "center",
+              flexWrap: "wrap",
+            },
+          }}
+        >
+          <ArticleIcon
+            style={{
+              height: 64,
+              width: 64,
+              fill: colors.font_dark,
+              marginLeft: "1rem",
+              marginRight: "1rem",
+            }}
+            onClick={() => {
+              navigate("/view/transactions");
+            }}
+          />
+          <p
+            style={{
+              ...styles.text_dark,
+              ...styles.text_M,
+            }}
+          >
+            Transactions
+          </p>
+        </Button>
         <Button
           style={{
             ...styles.flex_column,
@@ -234,37 +266,6 @@ export default function TechnicianEquipmentButtons() {
             Miscellaneous
           </p>
         </Button>
-        <Button
-          style={{
-            ...styles.flex_column,
-            ...{
-              alignSelf: "center",
-              justifyContent: "center",
-              flexWrap: "wrap",
-            },
-          }}
-        >
-          <ArticleIcon
-            style={{
-              height: 64,
-              width: 64,
-              fill: colors.font_dark,
-              marginLeft: "1rem",
-              marginRight: "1rem",
-            }}
-            onClick={() => {
-              navigate("/view/transactions");
-            }}
-          />
-          <p
-            style={{
-              ...styles.text_dark,
-              ...styles.text_M,
-            }}
-          >
-            Transactions
-          </p>
-        </Button>
       </div>
       <Popup
         open={addSKUmodalOpen}