add credit

src/app/accounts/addcredit/addcredit.page.ts

@@ -35,9 +35,10 @@ export class AddcreditPage implements OnInit {
 
     customerDetails = { name: 'Demo Customer  Name', email: 'customer@mail.com', phone_number: '08100000000'}
 
-    customizations = {title: 'Customization Title', description: 'Customization Description', logo: 'https://flutterwave.com/images/logo-colored.svg'}
+    customizations = {title: 'Customization Title', description: 'Customization Description',
+        logo: 'https://www.wrenchboard.com/assets/ext/images/wrench-icon.png'}
 
-    meta = {'counsumer_id': '7898', 'consumer_mac': 'kjs9s8ss7dd'}
+    meta: {counsumer_id: string, consumer_mac:string};
 
     paymentData : AsyncPaymentOptions = {
         public_key: this.publicKey,
@@ -45,7 +46,7 @@ export class AddcreditPage implements OnInit {
         amount: 10,
         currency: 'NGN',
         payment_options: 'card,ussd',
-        meta: this.meta,
+        meta: '',
         customer: this.customerDetails,
         customizations: this.customizations,
     }
@@ -135,10 +136,18 @@ export class AddcreditPage implements OnInit {
                 action:11056
  */
     payViaPromise() {
+
+        this.customerDetails = { name: this.sessionDataProviderService.firstname+''+this.sessionDataProviderService.firstname,
+                                email: this.sessionDataProviderService.email, phone_number: '08100000000'};
+        this.meta = { counsumer_id: this.sessionDataProviderService.member_id.toString(),
+                       consumer_mac: this.sessionDataProviderService.member_uid,};
+
+        this.isProcessDisabled = true;
             this.paymentData.public_key = this.flutterwave_key;
             this.paymentData.tx_ref  = this.startCreditResult.credit_reference;
             this.paymentData.amount = this.startCreditResult.amount*0.1; // no kobo
-
+            this.paymentData.meta = this.meta;
+            this.paymentData.customer = this.customerDetails;
 
         this.flutterwave.asyncInlinePay(this.paymentData).then(
              (response) =>{

src/app/pages/familysettings/familysettings.page.html

@@ -20,24 +20,24 @@
     <div class="boxed_contents">
         <ion-accordion-group>
             <ion-accordion value="first">
-                <ion-item slot="header" color="light">
+                <ion-item class="arcord_head" slot="header" color="light">
                     <ion-label>Add Family</ion-label>
                 </ion-item>
                 <div class="ion-padding" slot="content">Adding New Member</div>
             </ion-accordion>
             <ion-accordion value="second">
-                <ion-item slot="header" color="light">
+                <ion-item class="arcord_head" slot="header" color="light">
                     <ion-label>Relatives</ion-label>
                 </ion-item>
                 <div class="ion-padding" slot="content">Relatives list here plus add</div>
             </ion-accordion>
             <ion-accordion value="third">
-                <ion-item slot="header" color="light">
+                <ion-item class="arcord_head" slot="header" color="light">
                     <ion-label>Family Banner</ion-label>
                 </ion-item>
                 <div class="ion-padding" slot="content">
 
-                    <ion-card>
+                    <ion-card style="margin: 0px">
                         <img alt="Family" src="{{session_image_server}}/{{curr_session}}/familybanner/{{member_uid}}" />
                         <ion-card-content style="text-align: right;">
                             <ion-button size="small" (click)="startCamera()">Change Banner</ion-button>

src/app/pages/ownersjob/ownersjob.page.html

@@ -56,7 +56,7 @@
 
         <ion-accordion-group>
           <ion-accordion value="first">
-            <ion-item slot="header" color="secondary">
+            <ion-item class="arcord_head" slot="header" color="secondary">
               <ion-label>Place in Market</ion-label>
             </ion-item>
             <div class="ion-padding" slot="content">
@@ -96,7 +96,7 @@
             </div>
           </ion-accordion>
           <ion-accordion value="second">
-            <ion-item slot="header" color="secondary">
+            <ion-item class="arcord_head" slot="header" color="secondary">
               <ion-label>Assign to individual</ion-label>
             </ion-item>
             <div class="ion-padding" slot="content">
@@ -129,7 +129,7 @@
             </div>
           </ion-accordion>
           <ion-accordion value="third">
-                <ion-item slot="header" color="secondary">
+                <ion-item class="arcord_head" slot="header" color="secondary">
                     <ion-label>Prefered List</ion-label>
                 </ion-item>
                 <div class="ion-padding" slot="content">

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

@@ -48,10 +48,10 @@
 
                 <ion-accordion-group>
                     <ion-accordion *ngFor="let item of walletData" value="{{item.wallet_uid}}">
-                        <ion-item slot="header" color="light">
+                        <ion-item class="arcord_head" slot="header" color="light">
                             <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="ion-padding acc-item" slot="content">
                             <div class="video wallets">
                                 <div class="left">
                                     <div class="bg_image men_image" [style.backgroundImage]="'url(https://www.wrenchboard.com/assets/images/apps/currency/'+item.code.toLowerCase()+'.svg)'"></div>

src/global.scss

@@ -298,4 +298,8 @@ ion-backdrop {
   background: var(--ion-color-dark);
   opacity: 0.3;
   height: auto;
+}
+.arcord_head{
+height: 45px;
+  background-color: green;
 }