adding integration

turb0c0w · Apr 26, 2024 · 72df0f6 · 72df0f6
1 parent d8251b9
commit 72df0f6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 37 deletions.
diff --git a/strr-web/components/bcros/existing-accounts-list/ExistingAccountsList.vue b/strr-web/components/bcros/existing-accounts-list/ExistingAccountsList.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="flex flex-col justify-center bg-white shadow-sm">
-    <div v-for="account in accounts">
-      <div :key="account.id" class="items-center h-[52px] flex flex-row justify-space-between w-full mx-[32px] my-[24px]">
+  <div class="flex flex-col justify-center mb-[32px]">
+    <div v-for="account in accounts" class="bg-white shadow-md">
+      <div :key="account.id" class="items-center h-[52px] flex flex-row justify-space-between mx-[32px] my-[24px] border-b border-bcGovColor-hairlinesOnWhite">
         <div><BcrosLetterIcon letter="E" /></div>
         <div class="grow pl-[20px]">
           <div class="text-[18px] font-bold">

diff --git a/strr-web/pages/account-select.vue b/strr-web/pages/account-select.vue
@@ -5,8 +5,8 @@
       {{ t('account.existing-account-warning') }}
     </BcrosAlertsMessage>
     <BcrosTypographyH2 text="account.existing-account-section.title" data-cy="accountPageAccountSectionTitle" />
-    <span class="text-[16px]">{{ t('account.existing-account-section.sub-title') }}</span>
-    <BcrosExistingAccountsList :accounts="mockExistingAccountsData" />
+    <span class="text-[16px] mb-[20px] block">{{ t('account.existing-account-section.sub-title') }}</span>
+    <BcrosExistingAccountsList :accounts="userAccounts" />
   </div>
 </template>
 
@@ -17,37 +17,6 @@ const t = useNuxtApp().$i18n.t
 
 const alertFlavour: AlertsFlavourE = AlertsFlavourE.INFO
 
-const mockExistingAccountsData: AccountI[] = [
-  {
-    id: 'ID',
-    accountType: AccountTypeE.BASIC,
-    accountStatus: AccountStatusE.ACTIVE,
-    label: 'Existing Account Name',
-    type: UserSettingsTypeE.ACCOUNT,
-    urlpath: 'URLPATH',
-    urlorigin: 'URLORIGIN',
-    address: '123456 Temporary St, Parksville, BC V8V 8V8, Canada'
-  },
-  {
-    id: 'ID',
-    accountType: AccountTypeE.BASIC,
-    accountStatus: AccountStatusE.ACTIVE,
-    label: 'Existing Account Name 2',
-    type: UserSettingsTypeE.ACCOUNT,
-    urlpath: 'URLPATH',
-    urlorigin: 'URLORIGIN',
-    address: '123456 Temporary St, Parksville, BC V8V 8V8, Canada'
-  },
-  {
-    id: 'ID',
-    accountType: AccountTypeE.BASIC,
-    accountStatus: AccountStatusE.ACTIVE,
-    label: 'Zang & Associates',
-    type: UserSettingsTypeE.ACCOUNT,
-    urlpath: 'URLPATH',
-    urlorigin: 'URLORIGIN',
-    address: '-'
-  }
-]
+const { userAccounts } = useBcrosAccount();
 
 </script>