From 2390d112138e0db25885440896de0e2d6c807b30 Mon Sep 17 00:00:00 2001
From: Arnau Espin <43625217+aspnxdd@users.noreply.github.com>
Date: Fri, 10 Jun 2022 16:51:51 +0200
Subject: [PATCH 1/2] Fix props

---
 app/gem-bank/src/components/TheWhitelist.vue | 2 +-
 app/gem-bank/src/views/BankManager.vue       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/gem-bank/src/components/TheWhitelist.vue b/app/gem-bank/src/components/TheWhitelist.vue
index bff088368..62827bd50 100644
--- a/app/gem-bank/src/components/TheWhitelist.vue
+++ b/app/gem-bank/src/components/TheWhitelist.vue
@@ -61,7 +61,7 @@ import { PublicKey } from '@solana/web3.js';
 
 export default defineComponent({
   props: {
-    bank: { type: String, required: true },
+    bank: { type: String, required: false },
   },
   setup(props, ctx) {
     const action = ref<string>('add');
diff --git a/app/gem-bank/src/views/BankManager.vue b/app/gem-bank/src/views/BankManager.vue
index fb431a37d..732eed3b8 100644
--- a/app/gem-bank/src/views/BankManager.vue
+++ b/app/gem-bank/src/views/BankManager.vue
@@ -12,7 +12,7 @@
         class="mb-10"
       />
       <TheWhitelist :bank="bank ? bank.toBase58() : undefined" class="mb-10" />
-      <ManageVaults :bank="bank" :key="bank" />
+      <ManageVaults :bank="bank" />
     </div>
     <!--create a bank if one doesn't exist-->
     <div v-else class="text-center">

From 0d5089f5567e18b967dc1ad9e6b37ff80eff9434 Mon Sep 17 00:00:00 2001
From: Arnau Espin <43625217+aspnxdd@users.noreply.github.com>
Date: Fri, 10 Jun 2022 18:18:51 +0200
Subject: [PATCH 2/2] Convert bank and bankAcc to arrays

---
 app/gem-bank/src/components/TheWhitelist.vue |  2 +-
 app/gem-bank/src/views/BankManager.vue       | 48 ++++++++++----------
 2 files changed, 26 insertions(+), 24 deletions(-)

diff --git a/app/gem-bank/src/components/TheWhitelist.vue b/app/gem-bank/src/components/TheWhitelist.vue
index 62827bd50..bff088368 100644
--- a/app/gem-bank/src/components/TheWhitelist.vue
+++ b/app/gem-bank/src/components/TheWhitelist.vue
@@ -61,7 +61,7 @@ import { PublicKey } from '@solana/web3.js';
 
 export default defineComponent({
   props: {
-    bank: { type: String, required: false },
+    bank: { type: String, required: true },
   },
   setup(props, ctx) {
     const action = ref<string>('add');
diff --git a/app/gem-bank/src/views/BankManager.vue b/app/gem-bank/src/views/BankManager.vue
index 732eed3b8..52c6602db 100644
--- a/app/gem-bank/src/views/BankManager.vue
+++ b/app/gem-bank/src/views/BankManager.vue
@@ -3,19 +3,16 @@
   <div v-if="!wallet" class="text-center">Pls connect (burner) wallet</div>
   <div v-else>
     <!--if a bank exists-->
-    <div v-if="bank">
-      <BankDetails
-        v-if="bankAcc"
-        :key="bankAcc"
-        :bank="bank"
-        :bankAcc="bankAcc"
-        class="mb-10"
-      />
-      <TheWhitelist :bank="bank ? bank.toBase58() : undefined" class="mb-10" />
+
+    <div v-for="(bank, i) in bankList" :key="i">
+      <BankDetails :key="i" :bank="bank" :bankAcc="bankAcc[i]" class="mb-10" />
+      <TheWhitelist :bank="bank.toBase58()" class="mb-10" />
       <ManageVaults :bank="bank" />
+      <!--create a bank if one doesn't exist-->
+      <br />
+
     </div>
-    <!--create a bank if one doesn't exist-->
-    <div v-else class="text-center">
+    <div class="text-center">
       <button class="nes-btn is-primary" @click="startBank">
         Start a new bank
       </button>
@@ -55,31 +52,36 @@ export default defineComponent({
     });
 
     // --------------------------------------- manage bank
-    const bank = ref<PublicKey>();
-    const bankAcc = ref<any>();
+    let bankList = ref<PublicKey[]>([]);
+    let bankAcc = ref<any>([]);
 
     const fetchBank = async () => {
       //todo in theory you can have many banks per owner, but here making it easy
-      const banks = await gb.fetchAllBankPDAs(getWallet()!.publicKey!);
-      if (banks && banks.length) {
-        bank.value = banks[0].publicKey;
-        bankAcc.value = banks[0].account;
-        console.log(
-          `bank at ${bank.value!.toBase58()}:`,
-          stringifyPKsAndBNs(bankAcc.value)
-        );
+      const banks = (await gb.fetchAllBankPDAs(
+        getWallet()!.publicKey!
+      )) as any[];
+      if (banks.length > 0) {
+        for (const bank of banks) {
+          bankList.value.push(bank.publicKey);
+          bankAcc.value.push(bank.account);
+
+          console.log(
+            `bank at ${bank.publicKey.toBase58()}:`,
+            stringifyPKsAndBNs(bank.account.value)
+          );
+        }
       }
     };
 
     const startBank = async () => {
       const { bank: fetchedBank } = await gb.initBankWallet();
-      bank.value = fetchedBank.publicKey;
+      bankList.value.push(fetchedBank.publicKey);
       console.log('bank created', fetchedBank.publicKey.toBase58());
       await fetchBank();
     };
 
     return {
-      bank,
+      bankList,
       bankAcc,
       wallet,
       startBank,