From 8ef4efb1d93738b8dca28e6c707711ace35ae4c9 Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Wed, 3 Jan 2024 17:15:02 +0800
Subject: [PATCH] Improve technician transaction view

---
 .../EditTransactionModal.tsx                  |  1 +
 .../TransactionsListPage.tsx                  | 22 +++++++++++++++----
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/Components/EditTransactionModal/EditTransactionModal.tsx b/src/Components/EditTransactionModal/EditTransactionModal.tsx
index d05e8e1..2ec33ab 100644
--- a/src/Components/EditTransactionModal/EditTransactionModal.tsx
+++ b/src/Components/EditTransactionModal/EditTransactionModal.tsx
@@ -67,6 +67,7 @@ export default function EditTransactionModal(props: {
           remarks: transaction.data.remarks,
         });
       }
+      props.setOpen(false);
     },
   });
 
diff --git a/src/Pages/TransactionsListPage/TransactionsListPage.tsx b/src/Pages/TransactionsListPage/TransactionsListPage.tsx
index 9228f2b..3f322d0 100644
--- a/src/Pages/TransactionsListPage/TransactionsListPage.tsx
+++ b/src/Pages/TransactionsListPage/TransactionsListPage.tsx
@@ -197,9 +197,21 @@ export default function TransactionsListPage() {
                       >
                         {transaction.remarks}
                       </TableCell>
-                      <TableCell style={{ overflowY: "scroll" }} align="center">
-                        <TableContainer component={Paper}>
-                          <Table sx={{ minWidth: "4rem" }} size="medium">
+                      <TableCell style={{}} align="center">
+                        <TableContainer
+                          style={{
+                            maxHeight: "192px",
+                            overflowY: "scroll",
+                            marginTop: "2rem",
+                          }}
+                          component={Paper}
+                        >
+                          <Table
+                            sx={{
+                              minWidth: "4rem",
+                            }}
+                            size="medium"
+                          >
                             <TableHead>
                               <TableRow
                                 style={{ backgroundColor: colors.header_color }}
@@ -218,7 +230,9 @@ export default function TransactionsListPage() {
                                 </TableCell>
                               </TableRow>
                             </TableHead>
-                            <TableBody>
+                            <TableBody
+                              sx={{ height: "4px", overflowY: "scroll" }}
+                            >
                               {transaction.equipments.map((equipment) => (
                                 <TableRow
                                   key={equipment.id}