From 3943c0d6c80ba732ad3d2f462c82530a827f110b Mon Sep 17 00:00:00 2001
From: i701 <idhaan701@outlook.com>
Date: Sat, 26 Jul 2025 18:56:28 +0500
Subject: [PATCH] fix(wallet): update styling for total debit/credit display in
 wallet transactions table

---
 README.md                                | 3 +--
 components/wallet-transactions-table.tsx | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 3f591fc..7525215 100644
--- a/README.md
+++ b/README.md
@@ -19,7 +19,7 @@ This is a web portal for SAR Link customers.
 ### Parental Control
  - [x] Fix block device feature
  - [x] Add all the filters for parental control table (mobile responsive)
- - [ ] Disable blocking if payment is pending or omit from the table if device payment is pending
+ - [x] Disable blocking if payment is pending or omit from the table if device payment is pending
 
 ### Agreements
 - [x] Implement file upload for admin side
@@ -43,4 +43,3 @@ This is a web portal for SAR Link customers.
 ### User Payments
 - [x] Show user payments table
 - [x] Add relevant filters for user payments table
-- [ ] Add computation of total value for filtered results
\ No newline at end of file
diff --git a/components/wallet-transactions-table.tsx b/components/wallet-transactions-table.tsx
index d419fb9..1d34738 100644
--- a/components/wallet-transactions-table.tsx
+++ b/components/wallet-transactions-table.tsx
@@ -70,13 +70,13 @@ export async function WalletTransactionsTable({
       ) : (
         <div>
           <div className="flex gap-4 mb-4 w-full">
-            <div className="bg-green-400 w-full sm:w-fit dark:bg-green-950 dark:text-green-400 text-gray-500 p-2 px-4 rounded-md mb-2">
+            <div className="bg-red-400 w-full sm:w-fit dark:bg-red-950 dark:text-red-400 text-red-900 p-2 px-4 rounded-md mb-2">
               <h5 className="text-lg font-semibold">
                 Total Debit
               </h5>
               <p>{totalDebit.toFixed(2)} MVR</p>
             </div>
-            <div className="bg-red-400 w-full sm:w-fit dark:bg-red-950 dark:text-red-400 text-white p-2 px-4 rounded-md mb-2">
+            <div className="bg-green-400 w-full sm:w-fit dark:bg-green-950 dark:text-green-400 text-green-900 p-2 px-4 rounded-md mb-2">
               <h5 className="text-lg font-semibold">
                 Total Credit
               </h5>