From 41d52b4ad12cbdfcef3516687ad1052e2fd3bd32 Mon Sep 17 00:00:00 2001
From: "tomosa.sarkar" <tomosa.sarkar@tcs.com>
Date: Mon, 22 Sep 2025 12:17:52 +0530
Subject: [PATCH] feat : add available balance in account statement

---
 .gitignore                                    |  1 +
 TODO.md                                       |  1 +
 instruction.md                                |  1 +
 next.config.mjs                               |  5 ++++
 .../account_statement/accountStatement.tsx    | 26 +++++++++++++------
 .../statement_download/PdfGenerator.tsx       |  2 ++
 6 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/.gitignore b/.gitignore
index e471e4b..f6cd241 100644
--- a/.gitignore
+++ b/.gitignore
@@ -38,6 +38,7 @@ package-lock.json
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+next.config.mjs
 
 # .vscode
 .vscode
diff --git a/TODO.md b/TODO.md
index ec81ad3..7caf614 100644
--- a/TODO.md
+++ b/TODO.md
@@ -21,6 +21,7 @@
    - >give rights
    - >view rights 
 - Forget Password
+- For Migration if user not have password
 
 
 
diff --git a/instruction.md b/instruction.md
index 4b1dfa4..4b6d9e4 100644
--- a/instruction.md
+++ b/instruction.md
@@ -12,6 +12,7 @@
 
 UAT (IB- frontend) : i-0b55435e15425f1c3
 Linux : i-0c850dcf8b85b1447
+Prod : i-088e64c3435cb5078
 ```
 
 ## 2. Port Forwarding
diff --git a/next.config.mjs b/next.config.mjs
index fa862b7..15377e9 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -10,6 +10,11 @@ const nextConfig = {
             {
                 source:'/api/:path*',
                 destination: 'http://localhost:8080/api/:path*',
+                // prod
+                // destination : 'http://lb-kccb-mobile-banking-app-848675342.ap-south-1.elb.amazonaws.com:8080/api/:path*', 
+                // Testing
+                // destination: 'http://lb-test-mobile-banking-app-192209417.ap-south-1.elb.amazonaws.com:8080/api/:path*',
+
             },
         ];
     },
diff --git a/src/app/(main)/accounts/account_statement/accountStatement.tsx b/src/app/(main)/accounts/account_statement/accountStatement.tsx
index 96fa2e0..054e235 100644
--- a/src/app/(main)/accounts/account_statement/accountStatement.tsx
+++ b/src/app/(main)/accounts/account_statement/accountStatement.tsx
@@ -32,7 +32,6 @@ export default function AccountStatementPage() {
             }));
             setAccountOptions(options);
 
-
             if (passedAccNo) {
                 setSelectedAccNo(passedAccNo);
                 //Automatically fetch last 5 transactions if accNo is passed
@@ -50,6 +49,15 @@ export default function AccountStatementPage() {
                         if (Array.isArray(data)) {
                             const last5 = data.slice(0, 5);
                             setTransactions(last5);
+                            // Reuse balance logic
+                            const saved = sessionStorage.getItem("accountData");
+                            if (saved) {
+                                const parsed = JSON.parse(saved);
+                                const acc = parsed.find((a: any) => a.stAccountNo === passedAccNo);
+                                if (acc) {
+                                    setAvailableBalance(acc.stAvailableBalance);
+                                }
+                            }
                         }
                     })
                     .catch(() => {
@@ -208,7 +216,7 @@ export default function AccountStatementPage() {
                                 style={{ cursor: "pointer" }}
                                 onClick={() =>
                                     generatePDF(selectedAccNo || "", availableBalance || "0", transactions,
-                                        localStorage.getItem("remitter_name") || "", 
+                                        localStorage.getItem("remitter_name") || "",
                                         startDate ? dayjs(startDate).format("DD/MM/YYYY") : "",
                                         endDate ? dayjs(endDate).format("DD/MM/YYYY") : "")
                                 }
@@ -246,11 +254,12 @@ export default function AccountStatementPage() {
                                 <Table style={{ borderCollapse: "collapse", width: '100%' }}>
                                     <thead style={{ backgroundColor: "#3385ff" }}>
                                         {/* <tr>
-                                        <th style={{ ...cellStyle, position: 'sticky', textAlign: "left" }}>Name</th>
-                                        <th style={{ ...cellStyle, position: 'sticky', textAlign: "left" }}>Date</th>
-                                        <th style={{ ...cellStyle, position: 'sticky', textAlign: "left" }}>Type</th>
-                                        <th style={{ ...cellStyle, position: 'sticky', textAlign: "left" }}>Amount(₹)</th>
-                                    </tr> */}
+                                            <th style={{ ...cellStyle, position: 'sticky', textAlign: "left" }}>Name</th>
+                                            <th style={{ ...cellStyle, position: 'sticky', textAlign: "left" }}>Date</th>
+                                            <th style={{ ...cellStyle, position: 'sticky', textAlign: "left" }}>Type</th>
+                                            <th style={{ ...cellStyle, position: 'sticky', textAlign: "left" }}>Amount(₹)</th>
+                                            <th style={{ ...cellStyle, position: 'sticky', textAlign: "left" }}>Available Balance(₹)</th>
+                                        </tr> */}
                                     </thead>
                                     <tbody style={{ maxHeight: '250px', overflowY: 'auto', width: '100%' }}>
                                         {transactions.map((txn, i) => (
@@ -258,11 +267,12 @@ export default function AccountStatementPage() {
                                                 <td style={{ ...cellStyle, textAlign: "left" }}>  {txn.name || "—"}</td>
                                                 <td style={{ ...cellStyle, textAlign: "left" }}>{txn.date || "—"}</td>
                                                 {/* <td style={{ ...cellStyle, textAlign: "left" }}>{txn.type}</td> */}
-                                                <td style={{ ...cellStyle, textAlign: "left", color: txn.type === "DR" ? "#e03131" : "#2f9e44" }}>
+                                                <td style={{ ...cellStyle, textAlign: "right", color: txn.type === "DR" ? "#e03131" : "#2f9e44" }}>
                                                     {parseFloat(txn.amount).toLocaleString("en-IN", {
                                                         minimumFractionDigits: 2,
                                                     })} <span style={{ fontSize: '10px' }}>{txn.type === "DR" ? "Dr." : "Cr."}</span>
                                                 </td>
+                                                <td style={{ ...cellStyle, textAlign: "right", color: "blue", fontSize: '12px' }}>₹{txn.balance || "—"}</td>
                                             </tr>
                                         ))}
                                     </tbody>
diff --git a/src/app/_components/statement_download/PdfGenerator.tsx b/src/app/_components/statement_download/PdfGenerator.tsx
index 5ea1296..761b8a0 100644
--- a/src/app/_components/statement_download/PdfGenerator.tsx
+++ b/src/app/_components/statement_download/PdfGenerator.tsx
@@ -23,6 +23,7 @@ export const generatePDF = (
         minimumFractionDigits: 2,
       })} ${t.type === "DR" ? "dr." : "cr."}
         </td>
+        <td style="border:1px solid #ccc; padding:6px; text-align:right; color: blue;">${t.balance}</td>
       </tr>
     `
   );
@@ -56,6 +57,7 @@ export const generatePDF = (
             <th style="border:1px solid #ccc;padding:6px;text-align:center;">Date</th>
             <th style="border:1px solid #ccc;padding:6px;text-align:left;">Description</th>
             <th style="border:1px solid #ccc;padding:6px;text-align:right;">Amount (₹)</th>
+            <th style="border:1px solid #ccc;padding:6px;text-align:right;">Available Amount (₹)</th>
           </tr>
         </thead>
         <tbody>