From acb89fb3314f0cc0803ec8304403a1ee50bb7ec4 Mon Sep 17 00:00:00 2001
From: tom1dev <tdev429@aucklanduni.ac.nz>
Date: Thu, 19 Sep 2024 19:50:25 +1200
Subject: [PATCH 1/9] added cert

---
 .gitignore               |  3 ++-
 backend/src/certs/ca.crt | 46 ++++++++++++++++++++--------------------
 2 files changed, 25 insertions(+), 24 deletions(-)

diff --git a/.gitignore b/.gitignore
index acb3162..9a77db4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -26,4 +26,5 @@ yarn-error.log*
 .env
 
 #misc folders
-.idea/
\ No newline at end of file
+.idea/
+.vscode/
\ No newline at end of file
diff --git a/backend/src/certs/ca.crt b/backend/src/certs/ca.crt
index 823a492..cabd32d 100644
--- a/backend/src/certs/ca.crt
+++ b/backend/src/certs/ca.crt
@@ -1,25 +1,25 @@
 -----BEGIN CERTIFICATE-----
-MIIEQTCCAqmgAwIBAgIUKo2BX+ykzxZslXAlxKniKTUO1Z0wDQYJKoZIhvcNAQEM
-BQAwOjE4MDYGA1UEAwwvZjdlNjkyMmYtYjc1Mi00ZWQzLWJhMjUtZTI1YjAwNjU0
-YTE3IFByb2plY3QgQ0EwHhcNMjQwODA0MjMzMjU0WhcNMzQwODAyMjMzMjU0WjA6
-MTgwNgYDVQQDDC9mN2U2OTIyZi1iNzUyLTRlZDMtYmEyNS1lMjViMDA2NTRhMTcg
-UHJvamVjdCBDQTCCAaIwDQYJKoZIhvcNAQEBBQADggGPADCCAYoCggGBAKSXRMAi
-unkpsnRzCFavjmxpRNj+amFYjvem6rQIWe+YLtqw24Mk326iWv6fVCgESV0APWnM
-vHp4HawWCqnpt3KVf6xTmAfNAbazODJZZTg3HHKidQSU4z/7cUUJdrneskjthYAD
-4IxqE555PIWDMoFwq1/W14DihLRmuzdDOCaxH4EKfhSOjzxwyM/tQjVvauhpuAFy
-TgnmBp8scue96F6hKTBccgBzA4xBT8lcj5KvCjLY6Fn2lQCU+Z0KPtqC97OWnu0l
-/uiAzK6Ciu0hHRNQ+vo+Epj+Xeg+mcerg4TuZlJWCFatEfPmwBcpzXkkmkrUI/Qu
-pjvlkYLX/R2MWTH/oG4zLbmpPQHVF8CXDxvfCpwcJCbO96VAy4sHKfwaX96Rbtge
-urrFtvYQSI8REEnkIT/3zt9PxusL/caqNX0roW79qhCJ4D0BMaSMk1gkNl1fomJA
-l1h7HsL+UGiYxOCyppmuVuiu3gtle76RGz/ZaKbCOiK0/GkxEa/8eTVBLwIDAQAB
-oz8wPTAdBgNVHQ4EFgQUCboAowy7OHOkydNbBfuQ/iH23cUwDwYDVR0TBAgwBgEB
-/wIBADALBgNVHQ8EBAMCAQYwDQYJKoZIhvcNAQEMBQADggGBAHmiS7RSqL8JaH9L
-vbASqpSsFHTXCNkcy5qXbC12+srSX2NKvXDoA0Bp85kWnupuk4rmR6J7CQNl2Utk
-hCaCxl5IpJ6IjqEdxoemnRrGRtGwHA68LUj3PofbWklxSgzkxXTkY1gKnTnUomj+
-PLyM2B4afe3yngB9gDxvePfFdu2K9ij1qA9UJL3ffuDSsStE4o0f/qHDf7i3L+9g
-JDPx+fkxnv0Eco5vsPh9MigsMQvlfYLgeg69lcsI5jyqf6SKElaQaIF05PrqFk5L
-cbWKnZYeNPH32DwowVHeTjzbKLybq4nMzhyhBbXkIkHgN2ib5cmUm6lEjyUUbKgG
-ZoVF2/mYNB/Z/VobXDbWXZNHKAnoPISz2nVnGhMXw2CArBNd8fYmj+khe4IeVrcz
-2Haa/SEbiknxymB3w2yIsMZMcv4PpPZ7OsZq98/IYmg6a7eEg+kyMVSi+a9O0syy
-nxM1F7OXJD5zfups8JOOPLrlApyKmVdv/9iUq6DRn5V526+Jtg==
+MIIEQTCCAqmgAwIBAgIUUdmGlrNAaxzesf6WReQBL7eUt+YwDQYJKoZIhvcNAQEM
+BQAwOjE4MDYGA1UEAwwvZDllZjdlYjgtZDE5My00MWUyLTk3YjUtYmQxYjU4MTgx
+OGE0IFByb2plY3QgQ0EwHhcNMjQwOTExMDQ1MzM1WhcNMzQwOTA5MDQ1MzM1WjA6
+MTgwNgYDVQQDDC9kOWVmN2ViOC1kMTkzLTQxZTItOTdiNS1iZDFiNTgxODE4YTQg
+UHJvamVjdCBDQTCCAaIwDQYJKoZIhvcNAQEBBQADggGPADCCAYoCggGBAOFA25xZ
+7innxIzf5bksJUr0m1hhCsCxoqPWiSdzJ5KW1E8X+9rql49Xr4k8+/1kcn3GLjI/
+sx6VjSoSoEiBKnk9utnrj/evFdqTnUE42Fwh/4vdskRvUs2sZHVooD3NuUlH0L5J
+xswDclgJNiicRiL9jYa16ZznrNymRMY+XHLUVd2Wj+5ZE61w0L1O2Lal4U7BXY+T
+bGoxm2Fyb10xeRX8bkdkbuM+VvP5n7wDiKz1efZJHJ8k7bbc3o2FctLw+yQpIsdL
+9/HnWDAMxqsAYlG7BCqpA77Hvfrk2tgAZ5pZ27foarzt/pCpWpAMDEpGapJafwb4
+BDEXk6GhJ713l6LWqI44BmvYaRZA8jhyAaeCvZHOpPTMaLRGBnSVd35Ln6c+zX62
+GpnnB2U8ONghADLL7NODfafKJ8esp4e9c8TcavWFcFd7SQhu6U3tu0Gsih69xGVH
+OPDbmvsOQ4KuNkhdZQjIZn21QaiBIXHIYawuP9yI4FDzJ/mS7Gon7AGU6QIDAQAB
+oz8wPTAdBgNVHQ4EFgQUACWL7aLvCqEtUvlPApPtFs1yGGswDwYDVR0TBAgwBgEB
+/wIBADALBgNVHQ8EBAMCAQYwDQYJKoZIhvcNAQEMBQADggGBAMpVi6RXpjmPlHcD
+agx+2HRb0eWak5lPKXslkKsmpkW7/MFBrAsftr2c8lOaVkuhh9HumSf00schc7sS
+TDTKbeV0XGdyTfteKfp16zPG0zVJZRV0ad2K2R3UEGhrZnGaKjGAyQtBl98lm11V
+g9YZwNplx22V++ym3Bsf3bkNfmxKrlZVf8Sm3mpKU5/xo8suEiuipqTWbErR2LWp
+yet/OXmdRRCCS94d+RLvgK0H0ZJ1uy92k6Q1S11G5PZ0lwYWUnZUfo2WllnplEcv
+Z+aZ/H5cO6tn54X8wJ/Y2nBb90F190Y0ktwiBo+sAoCoj8pbevp6R1/V7Z740LlP
+s99LRemQPN93d2g6Q5v/n4u0UygXCShhAW3+64kE32wzAKocGdd8lsm2RlI/ZEGT
+FJy5G6KiNs0ORIJGmNq2AE9c3l50mTN/pc/1nfslJQ1EklO2mBL/dC/IUI0/wgZh
+qYXPQXCnOv+WWDH9aWyZ/o1HZo+BmZ1XNyOX5DTwWbz6Cm/irg==
 -----END CERTIFICATE-----
\ No newline at end of file

From 61cdcefb755e6d430dbbc15a95346ac3faf58d39 Mon Sep 17 00:00:00 2001
From: tom1dev <tdev429@aucklanduni.ac.nz>
Date: Tue, 24 Sep 2024 11:50:22 +1200
Subject: [PATCH 2/9] added transaction details popup

---
 frontend/src/components/Transaction.jsx       | 45 +++++++++++++------
 .../src/components/TransactionDetailPopup.jsx | 28 ++++++++++++
 2 files changed, 59 insertions(+), 14 deletions(-)
 create mode 100644 frontend/src/components/TransactionDetailPopup.jsx

diff --git a/frontend/src/components/Transaction.jsx b/frontend/src/components/Transaction.jsx
index 7ca7f85..75354ae 100644
--- a/frontend/src/components/Transaction.jsx
+++ b/frontend/src/components/Transaction.jsx
@@ -1,11 +1,13 @@
 import React, { useEffect, useState, useContext } from "react";
 import TransactionContext from "../context/TransactionContext";
+import TransactionDetailsPopup from "../components/TransactionDetailPopup";
 
 const Transaction = ({ transaction }) => {
   const [isAmountNegative, setIsAmountNegative] = useState(false);
   const [convertedAmount, setConvertedAmount] = useState(transaction.amount);
+  const [showDetails, setShowDetails] = useState(false);
   const { currency, convertCurrency, handleSelect } =
-    useContext(TransactionContext);
+  useContext(TransactionContext);
 
   // useEffect to check if each transaction is negative and then convert the currency
   useEffect(() => {
@@ -26,21 +28,36 @@ const Transaction = ({ transaction }) => {
     console.log("clicked: ", transaction.id);
   };
   return (
-    <div className="flex flex-row justify-start text-body pl-[8x]">
-      <input type="checkbox" onChange={handleCheckboxChange} />
-      <div
-        className={` w-full flex flex-row justify-between text-body pl-[8px] ${
-          isAmountNegative ? "text-red-500" : "text-green-500"
-        }`}
-      >
-        <p>
-          {isAmountNegative ? convertedAmount : `+${convertedAmount}`}:{" "}
-          {transaction.description}
-        </p>
-        <p className="self-end">{transaction.created_at.substring(0, 10)}</p>
+  <>
+      <div className="flex flex-row justify-start text-body pl-[8x]">
+        <input type="checkbox" onChange={handleCheckboxChange} />
+          
+          <div 
+            className={` w-full flex flex-row justify-between text-body pl-[8px] ${
+              isAmountNegative ? "text-red-500" : "text-green-500"
+            }`}
+            onClick={() => setShowDetails(true)}
+          >
+            <p>
+              {isAmountNegative ? convertedAmount : `+${convertedAmount}`}:{" "}
+              {transaction.title}
+            </p>
+            <p className="self-end">{transaction.created_at.substring(0, 10)}</p>
+          </div>
+        
       </div>
+
+    {showDetails && (
+     <div className="absolute">
+        <TransactionDetailsPopup
+          transaction={transaction}
+          setShowDetails={setShowDetails}
+        />
     </div>
-  );
+    )
+    }
+  </>
+  )
 };
 
 export default Transaction;
diff --git a/frontend/src/components/TransactionDetailPopup.jsx b/frontend/src/components/TransactionDetailPopup.jsx
new file mode 100644
index 0000000..a6ce940
--- /dev/null
+++ b/frontend/src/components/TransactionDetailPopup.jsx
@@ -0,0 +1,28 @@
+import { useState, useEffect } from "react";
+
+export default function TransactionDetailPopup({transaction, setShowDetails}){
+   const handleExit =() => {
+     setShowDetails(false);
+   }
+
+  
+  return(
+      <>
+        <div className="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center z-50">
+          <div className="bg-white p-3 rounded-2xl w-96 relative flex flex-col">
+              <h2 className="text-sub-heading mx-auto pb-3">Transaction Details</h2>
+
+              <h2 className="pl-2 text-body">Title: {transaction.title}</h2>
+        
+              <h2 className="pl-2 text-body">Amount: ${transaction.amount}</h2>
+
+              <h2 className="pl-2 text-body">Description: {transaction.description}</h2>
+
+              <button className="mr-0 ml-auto pt-3" onClick= {handleExit}>
+                 <div className="bg-primary-dark p-2 rounded-2xl w-20 relative"><h1 className="text-button-small text-white">exit</h1></div>
+              </button>
+          </div>
+        </div>
+      </>
+  )
+}
\ No newline at end of file

From e0fe663dcd42788e649d3aaf4d843695cec18216 Mon Sep 17 00:00:00 2001
From: tom1dev <tdev429@aucklanduni.ac.nz>
Date: Tue, 24 Sep 2024 12:26:29 +1200
Subject: [PATCH 3/9] improved the formatting of the details popup

---
 .../src/components/TransactionDetailPopup.jsx | 33 ++++++++++++++-----
 1 file changed, 25 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/TransactionDetailPopup.jsx b/frontend/src/components/TransactionDetailPopup.jsx
index a6ce940..cfe54f8 100644
--- a/frontend/src/components/TransactionDetailPopup.jsx
+++ b/frontend/src/components/TransactionDetailPopup.jsx
@@ -5,21 +5,38 @@ export default function TransactionDetailPopup({transaction, setShowDetails}){
      setShowDetails(false);
    }
 
-  
   return(
       <>
         <div className="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center z-50">
           <div className="bg-white p-3 rounded-2xl w-96 relative flex flex-col">
-              <h2 className="text-sub-heading mx-auto pb-3">Transaction Details</h2>
+              
+              <h2 className="text-sub-heading font-bold mx-auto pb-3">Transaction Details</h2>
 
-              <h2 className="pl-2 text-body">Title: {transaction.title}</h2>
-        
-              <h2 className="pl-2 text-body">Amount: ${transaction.amount}</h2>
+              <div className= "flex flex-row">
+                <h2 className="pl-2 text-body font-bold">Title: </h2>
+                <h2 className="pl-2 text-body ">{transaction.title}</h2>
+              </div>
+              <div className= "flex flex-row">
+                <h2 className="pl-2 text-body font-bold">Amount:</h2>
+                <h2 className="pl-2 text-body">${transaction.amount}</h2>
+              </div>
+              
+              <h2 className="pl-2 pb-2 text-body font-bold">Description</h2>
+              
 
-              <h2 className="pl-2 text-body">Description: {transaction.description}</h2>
+              <textarea className="pl-4 font-size-12 font-medium resize-none"
+                value={transaction.description}
+                rows={6}
+              />
 
-              <button className="mr-0 ml-auto pt-3" onClick= {handleExit}>
-                 <div className="bg-primary-dark p-2 rounded-2xl w-20 relative"><h1 className="text-button-small text-white">exit</h1></div>
+              <button className="mr-0 ml-auto pt-5" onClick= {handleExit}>
+                <div id="exitdiv" 
+                 className="bg-primary-dark hover:bg-primary-darker p-2 rounded-2xl w-20 relative"
+                 >
+                    
+                    <h1 className="text-button-small text-white">exit</h1>
+                
+                </div>
               </button>
           </div>
         </div>

From e03e6ee74d36249cb730b80996b85ab1632870bc Mon Sep 17 00:00:00 2001
From: tom1dev <tdev429@aucklanduni.ac.nz>
Date: Tue, 24 Sep 2024 12:34:20 +1200
Subject: [PATCH 4/9] added hovering to the transaction list elements

---
 frontend/src/components/Transaction.jsx            | 6 +++---
 frontend/src/components/TransactionDetailPopup.jsx | 6 +-----
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/Transaction.jsx b/frontend/src/components/Transaction.jsx
index 75354ae..9976cd6 100644
--- a/frontend/src/components/Transaction.jsx
+++ b/frontend/src/components/Transaction.jsx
@@ -29,13 +29,13 @@ const Transaction = ({ transaction }) => {
   };
   return (
   <>
-      <div className="flex flex-row justify-start text-body pl-[8x]">
+      <div className="flex flex-row justify-start text-body pl-[8x] ">
         <input type="checkbox" onChange={handleCheckboxChange} />
           
           <div 
-            className={` w-full flex flex-row justify-between text-body pl-[8px] ${
+            className={` w-full flex flex-row justify-between text-body ml-[8px] pl-2 pr-2 rounded-2xl ${
               isAmountNegative ? "text-red-500" : "text-green-500"
-            }`}
+            } hover:bg-gray-300 cursor-pointer`}
             onClick={() => setShowDetails(true)}
           >
             <p>
diff --git a/frontend/src/components/TransactionDetailPopup.jsx b/frontend/src/components/TransactionDetailPopup.jsx
index cfe54f8..8fe68a0 100644
--- a/frontend/src/components/TransactionDetailPopup.jsx
+++ b/frontend/src/components/TransactionDetailPopup.jsx
@@ -30,12 +30,8 @@ export default function TransactionDetailPopup({transaction, setShowDetails}){
               />
 
               <button className="mr-0 ml-auto pt-5" onClick= {handleExit}>
-                <div id="exitdiv" 
-                 className="bg-primary-dark hover:bg-primary-darker p-2 rounded-2xl w-20 relative"
-                 >
-                    
+                <div id="exitdiv" className="bg-primary-dark hover:bg-primary-darker p-2 rounded-2xl w-20 relative">
                     <h1 className="text-button-small text-white">exit</h1>
-                
                 </div>
               </button>
           </div>

From d824461b01b813769c69e2ed36c84a8e71ae55da Mon Sep 17 00:00:00 2001
From: tom1dev <tdev429@aucklanduni.ac.nz>
Date: Tue, 24 Sep 2024 12:36:19 +1200
Subject: [PATCH 5/9] added cursor type pointer while selecting transactions

---
 frontend/src/components/Transaction.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Transaction.jsx b/frontend/src/components/Transaction.jsx
index 9976cd6..4754ff8 100644
--- a/frontend/src/components/Transaction.jsx
+++ b/frontend/src/components/Transaction.jsx
@@ -30,7 +30,7 @@ const Transaction = ({ transaction }) => {
   return (
   <>
       <div className="flex flex-row justify-start text-body pl-[8x] ">
-        <input type="checkbox" onChange={handleCheckboxChange} />
+        <input className="cursor-pointer" type="checkbox" onChange={handleCheckboxChange} />
           
           <div 
             className={` w-full flex flex-row justify-between text-body ml-[8px] pl-2 pr-2 rounded-2xl ${

From 81d9924cd0cb079b4eefd9a70f1caad0315cf56e Mon Sep 17 00:00:00 2001
From: tom1dev <tdev429@aucklanduni.ac.nz>
Date: Tue, 24 Sep 2024 12:39:32 +1200
Subject: [PATCH 6/9] fixed merge conflict git ignore

---
 .gitignore | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/.gitignore b/.gitignore
index a727f4a..f1aa5de 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,8 +27,4 @@ yarn-error.log*
 
 #misc folders
 .idea/
-<<<<<<< HEAD
-.vscode/
-=======
 .vscode/launch.json
->>>>>>> upstream/main

From 3576428d11c8dcf8107310f288e28316a110d615 Mon Sep 17 00:00:00 2001
From: tom1dev <tdev429@aucklanduni.ac.nz>
Date: Tue, 24 Sep 2024 12:45:09 +1200
Subject: [PATCH 7/9] added some commit messages

---
 frontend/src/components/Transaction.jsx       | 29 ++++++++++---------
 .../src/components/TransactionDetailPopup.jsx |  8 +++--
 2 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/Transaction.jsx b/frontend/src/components/Transaction.jsx
index 4754ff8..12cdc24 100644
--- a/frontend/src/components/Transaction.jsx
+++ b/frontend/src/components/Transaction.jsx
@@ -27,6 +27,7 @@ const Transaction = ({ transaction }) => {
     handleSelect(transaction.id, e.target.checked);
     console.log("clicked: ", transaction.id);
   };
+
   return (
   <>
       <div className="flex flex-row justify-start text-body pl-[8x] ">
@@ -34,27 +35,29 @@ const Transaction = ({ transaction }) => {
           
           <div 
             className={` w-full flex flex-row justify-between text-body ml-[8px] pl-2 pr-2 rounded-2xl ${
-              isAmountNegative ? "text-red-500" : "text-green-500"
-            } hover:bg-gray-300 cursor-pointer`}
-            onClick={() => setShowDetails(true)}
-          >
+              isAmountNegative ? "text-red-500" : "text-green-500"} hover:bg-gray-300 cursor-pointer`}
+            onClick={() => setShowDetails(true)}>
+            
             <p>
               {isAmountNegative ? convertedAmount : `+${convertedAmount}`}:{" "}
               {transaction.title}
             </p>
+            
             <p className="self-end">{transaction.created_at.substring(0, 10)}</p>
+
           </div>
-        
       </div>
 
-    {showDetails && (
-     <div className="absolute">
-        <TransactionDetailsPopup
-          transaction={transaction}
-          setShowDetails={setShowDetails}
-        />
-    </div>
-    )
+    {/*displays the currently hovered transaction in a popup*/
+    
+    showDetails && (
+        <div className="absolute">
+          <TransactionDetailsPopup
+            transaction={transaction}
+            setShowDetails={setShowDetails}
+          />
+        </div>
+      )
     }
   </>
   )
diff --git a/frontend/src/components/TransactionDetailPopup.jsx b/frontend/src/components/TransactionDetailPopup.jsx
index 8fe68a0..5b653cb 100644
--- a/frontend/src/components/TransactionDetailPopup.jsx
+++ b/frontend/src/components/TransactionDetailPopup.jsx
@@ -1,7 +1,9 @@
 import { useState, useEffect } from "react";
 
 export default function TransactionDetailPopup({transaction, setShowDetails}){
-   const handleExit =() => {
+   
+  //exits out of the current popup
+  const handleExit =() => {
      setShowDetails(false);
    }
 
@@ -16,6 +18,7 @@ export default function TransactionDetailPopup({transaction, setShowDetails}){
                 <h2 className="pl-2 text-body font-bold">Title: </h2>
                 <h2 className="pl-2 text-body ">{transaction.title}</h2>
               </div>
+              
               <div className= "flex flex-row">
                 <h2 className="pl-2 text-body font-bold">Amount:</h2>
                 <h2 className="pl-2 text-body">${transaction.amount}</h2>
@@ -28,12 +31,13 @@ export default function TransactionDetailPopup({transaction, setShowDetails}){
                 value={transaction.description}
                 rows={6}
               />
-
+              
               <button className="mr-0 ml-auto pt-5" onClick= {handleExit}>
                 <div id="exitdiv" className="bg-primary-dark hover:bg-primary-darker p-2 rounded-2xl w-20 relative">
                     <h1 className="text-button-small text-white">exit</h1>
                 </div>
               </button>
+
           </div>
         </div>
       </>

From d04d95265ea540ea89925faf2b83f84097f624cd Mon Sep 17 00:00:00 2001
From: tom1dev <tdev429@aucklanduni.ac.nz>
Date: Tue, 24 Sep 2024 12:46:06 +1200
Subject: [PATCH 8/9] improved comments

---
 frontend/src/components/TransactionDetailPopup.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/TransactionDetailPopup.jsx b/frontend/src/components/TransactionDetailPopup.jsx
index 5b653cb..9bdeee5 100644
--- a/frontend/src/components/TransactionDetailPopup.jsx
+++ b/frontend/src/components/TransactionDetailPopup.jsx
@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
 
 export default function TransactionDetailPopup({transaction, setShowDetails}){
    
-  //exits out of the current popup
+  //exits out of the current popup by setting the popup boolean to false in transaction.jsx
   const handleExit =() => {
      setShowDetails(false);
    }
@@ -31,7 +31,7 @@ export default function TransactionDetailPopup({transaction, setShowDetails}){
                 value={transaction.description}
                 rows={6}
               />
-              
+
               <button className="mr-0 ml-auto pt-5" onClick= {handleExit}>
                 <div id="exitdiv" className="bg-primary-dark hover:bg-primary-darker p-2 rounded-2xl w-20 relative">
                     <h1 className="text-button-small text-white">exit</h1>

From e1b5c40754936e20183ce6e67e1d2ad25ba351b4 Mon Sep 17 00:00:00 2001
From: tom1dev <tdev429@aucklanduni.ac.nz>
Date: Tue, 24 Sep 2024 13:18:00 +1200
Subject: [PATCH 9/9] changed popup text value

---
 frontend/src/components/TransactionDetailPopup.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/TransactionDetailPopup.jsx b/frontend/src/components/TransactionDetailPopup.jsx
index 9bdeee5..1724e2f 100644
--- a/frontend/src/components/TransactionDetailPopup.jsx
+++ b/frontend/src/components/TransactionDetailPopup.jsx
@@ -28,8 +28,9 @@ export default function TransactionDetailPopup({transaction, setShowDetails}){
               
 
               <textarea className="pl-4 font-size-12 font-medium resize-none"
+                disabled = {true}
+                rows="5"
                 value={transaction.description}
-                rows={6}
               />
 
               <button className="mr-0 ml-auto pt-5" onClick= {handleExit}>