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([]); + const [selectedNumbers, setSelectedNumbers] = useState(() => + 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;