bank lists

src/app/pages/payment/payment.page.html

@@ -13,7 +13,7 @@
 
   <div class="boxed_contents">
     <div class="flex">
-      <ion-label class="bold_text">Card & Accounts</ion-label>
+<!--      <ion-label class="bold_text">Card & Accounts</ion-label>-->
 <!--      <ion-icon slot="end" name="bookmark-outline" color="primary"></ion-icon>-->
     </div>
 
@@ -73,27 +73,23 @@
     </div>
 
     <div *ngIf="tabs =='accounts'" class="lesson">
-<!--      <div class="flex">-->
-<!--        <ion-label class="bold">Most Popular Courses</ion-label>-->
-<!--        <ion-label class="color">See all</ion-label>-->
-<!--      </div>-->
 
       <div class="sec">
-        <ion-label class="grey">Section 1 - Introduction</ion-label>
-        <ion-label class="color">15 min</ion-label>
+<!--        <ion-label class="grey">Section 1 - Introduction</ion-label>-->
+<!--        <ion-label class="color">15 min</ion-label>-->
       </div>
 
-      <div class="video" *ngFor="let item of [1,2]">
+      <div class="video" *ngFor="let item of myRecipientsData">
         <div class="left">
-          <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
+            <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/cards/bank.png)'"></div>
 
           <div class="text">
-            <ion-label class="bold_text">Why Using Figma ?</ion-label>
-            <ion-label class="grey_text">10 mins</ion-label>
+            <ion-label class="bold_text">{{item.recipient}}</ion-label>
+            <ion-label class="grey_text">{{item.added | date}}</ion-label>
           </div>
         </div>
         <div class="right">
-          <ion-icon name="lock-closed-outline"></ion-icon>
+          <ion-icon name="trash-outline" color="danger"></ion-icon>
         </div>
       </div>