profile picture

src/app/pages/home/home.page.html

@@ -2,7 +2,7 @@
   <ion-toolbar>
     <div class="heading">
       <div class="left">
-        <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/profile.jpg)'"></div>
+        <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/profile.jpg)'"></div>
         <div>
           <ion-label class="grey_text">Hello</ion-label>
           <ion-label class="bold_text">{{firstname}}</ion-label>

src/app/pages/profile/profile.page.html

@@ -11,7 +11,7 @@
 
 <ion-content class="ion-padding">
   <div class="profile">
-    <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/profile.jpg)'">
+    <div class="bg_image back_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/profile.jpg)'">
       <div class="icon">
         <ion-icon name="pencil"></ion-icon>
       </div>
@@ -30,7 +30,7 @@
     </ion-item>
 
     <ion-item lines="none" (click)="onFamily()">
-      <ion-icon name="person-outline" color="dark"></ion-icon>
+      <ion-icon name="people-outline"></ion-icon>
       <ion-label>Family Profile</ion-label>
       <ion-icon name="chevron-forward-outline" color="medium"></ion-icon>
     </ion-item>

src/app/pages/profile/profile.page.scss

@@ -81,4 +81,7 @@ ion-content {
       color:red;
     }
   }
+  .ion_label_red{
+    color: red;
+  }
 }

src/app/pages/transaction/transaction.page.html

@@ -42,12 +42,13 @@
           <div class="list">
             <div class="detail">
 <!--              <div dangerouslySetInnerHTML={{__html: item.recipient}}></div>-->
-              <ion-label class="name">{{item.recipient}}</ion-label>
+<!--              <ion-label class="name">{{item.recipient}}</ion-label>-->
+                <div [innerHTML]="item.recipient"></div>
               <ion-label class="paid">{{item.confirmation}}- {{item.amount*0.01}}</ion-label>
 
             </div>
           </div>
-          <ion-label class="receipt" (click)="onReceipt()">E-Receipt</ion-label>
+          <ion-label class="receipt" (click)="onReceipt(item)"><ion-icon name="chevron-forward-outline"></ion-icon></ion-label>
         </div>
 
       </ion-label>

src/app/pages/transaction/transaction.page.scss

@@ -16,7 +16,7 @@ ion-header {
 ion-content {
   .wallet_panel{
     background-color: aliceblue;
-    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
+   // box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
     height: 150px;
     border-radius: 15px;
     margin-bottom: 10px;
@@ -25,17 +25,18 @@ ion-content {
       color:darkcyan;
       font-weight: bolder;
     }
+    border-bottom: #383a3e;
   }
   .bg_white {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    background-color: white;
+    background-color: aliceblue;
     padding: 5px;
-    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
+    //box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
     border-radius: 10px;
     margin-bottom: 20px;
-
+    border-bottom: #383a3e;
     .list {
       display: flex;
 

src/app/pages/transaction/transaction.page.ts

@@ -21,7 +21,7 @@ export class TransactionPage implements OnInit {
         this.getPaymentHxData();
     }
 
-    onReceipt() {
+    onReceipt(item) {
         this.router.navigate(['receipt']);
     }
     walletResult:any;