Update bank accounts page to use updated API fields

1 files changed, 3 insertions, 3 deletions

diff --git a/frontend/src/components/bank-accounts/Index.tsx b/frontend/src/components/bank-accounts/Index.tsx
index 4b1a3d41..e529bae5 100644
--- a/frontend/src/components/bank-accounts/Index.tsx
+++ b/frontend/src/components/bank-accounts/Index.tsx
@@ -76,9 +76,9 @@ const BankAccounts = () => {
     accountsList.length > 0 ? (
       <Row gutter={[40, 40]}>
         {accountsList.map((bankAccount) => (
-          <Col span={8}>
+          <Col key={bankAccount['nexusBankAccountId']} span={8}>
             <Card title={bankAccount['nexusBankAccountId']} bordered={false}>
-              <p>Holder: {bankAccount['holder']}</p>
+              <p>Holder: {bankAccount['ownerName']}</p>
               <p>IBAN: {bankAccount['iban']}</p>
               <p>BIC: {bankAccount['bic']}</p>
             </Card>
@@ -109,7 +109,7 @@ const BankAccounts = () => {
               <Row gutter={[40, 40]}>
                 {connectionsList
                   ? connectionsList.map((bankConnection) => (
-                      <Col span={8}>
+                      <Col key={bankConnection['name']} span={8}>
                         <BankConnectionCard
                           type={String(bankConnection['type']).toUpperCase()}
                           name={bankConnection['name']}