From d5a2f143e6b0a454464e9ae3a050db4d15cdbb4e Mon Sep 17 00:00:00 2001
From: "Somayeh.Ghanavati" <s.ghanavati94@gmail.com>
Date: Wed, 7 Oct 2026 09:05:18 +0330
Subject: [PATCH] feat(table): load bank accounts data with initial selection
 state

---
 src/App.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 620bf30..04b0e73 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,15 +9,20 @@ interface BankAccount {
   Credit: number;
 }
 
-const BankAccounts: BankAccount[] = [
-  { Selection: 0, Number: "1001", Order: 0, Debit: 0, Credit: 750000.0 },
+const initialBankAccounts: BankAccount[] = [
+  { Selection: 1, Number: "1001", Order: 1, Debit: 0, Credit: 750000.0 },
   { Selection: 0, Number: "1002", Order: 0, Debit: 0, Credit: 1500000.0 },
-  { Selection: 0, Number: "1003", Order: 0, Debit: 0, Credit: 140000.0 },
+  { Selection: 1, Number: "1003", Order: 2, Debit: 0, Credit: 140000.0 },
   { Selection: 0, Number: "1004", Order: 0, Debit: 0, Credit: 170000.0 },
 ];
 
 export default function App() {
-  const [selectedNumbers, setSelectedNumbers] = useState<string[]>([]);
+  const [selectedNumbers, setSelectedNumbers] = useState<string[]>(() =>
+    initialBankAccounts
+      .filter((a) => a.Selection === 1)
+      .sort((a, b) => a.Order - b.Order)
+      .map((a) => a.Number),
+  );
 
   const toggleRow = (number: string) => {
     setSelectedNumbers((prev) =>
@@ -27,7 +32,7 @@ export default function App() {
     );
   };
 
-  const rows = BankAccounts.map((account) => {
+  const rows = initialBankAccounts.map((account) => {
     const index = selectedNumbers.indexOf(account.Number);
     const isSelected = index !== -1;
     const order = isSelected ? index + 1 : 0;