wallet page

src/app/components/fastreward/fastreward.component.html

@@ -4,7 +4,7 @@
     <ion-card (click)="familyAcc()">
 <!--        <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />-->
         <ion-card-header>
-            <ion-card-title>Send a Reward</ion-card-title>
+            <ion-card-title><span style="font-weight: bolder">Send a Reward</span></ion-card-title>
             <ion-card-subtitle><hr class="kid-line" /></ion-card-subtitle>
         </ion-card-header>
         <ion-card-content class="f-item">

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

@@ -49,7 +49,7 @@
                 <ion-accordion-group>
                     <ion-accordion *ngFor="let item of walletData" value="{{item.wallet_uid}}">
                         <ion-item slot="header" color="light">
-                            <ion-label><span style="font-weight: bolder">{{item.description}}</span> Balance {{item.amount*0.01 | number : '1.2-2'}}</ion-label>
+                            <ion-label><span style="font-weight: bolder; color: #8b198e">{{item.description}}</span> Balance {{item.amount*0.01 | number : '1.2-2'}}</ion-label>
                         </ion-item>
                         <div class="ion-padding acc-item" slot="content">
                             <div class="video wallets">

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

@@ -16,13 +16,16 @@ ion-header {
 
 ion-content {
   .acc-item{
-    background-color: #3171e0;
+    padding: 4px;
+    background-color: #4687ba;
+    border-radius: 0px 0px 10px 10px;
+    margin-bottom: 10px;
   }
 
   .wallets{
-    background-color: #f3f2f4;
+    background-color: transparent; // #f3f2f4;
     width: 100%;
-    min-height: 110px;
+    min-height: 130px;
     padding: 0px;
     .text{
       width: 100%;

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

@@ -3,6 +3,7 @@ import { Component, OnInit } from '@angular/core';
 import { WrenchService } from 'src/app/services/wrench.service';
 import {SessionDataProviderService} from "../../store/session-data-provider.service";
 import {NavController} from "@ionic/angular";
+import {RecipientsService} from "../../store/recipients.service";
 
 @Component({
     selector: 'app-transaction',
@@ -15,7 +16,8 @@ export class TransactionPage implements OnInit {
         private router: Router,
         private navctr: NavController,
         public sessionDataProviderService: SessionDataProviderService,
-        private wrenchService: WrenchService
+        private wrenchService: WrenchService,
+        public recipientsService: RecipientsService
     ) { }
 
     ngOnInit() {

src/app/store/recipients.service.ts

@@ -9,7 +9,9 @@ export class RecipientsService {
 
   constructor(
       public sessionDataProviderService: SessionDataProviderService,
-      private wrenchService: WrenchService) { }
+      private wrenchService: WrenchService) {
+      this.getMyRecipientsData();
+  }
 
   usrData: {
     action:number, member_id: number,