diff --git a/src/app/pages/mycoupons/mycoupons.page.html b/src/app/pages/mycoupons/mycoupons.page.html
index 2e58cf9..f3e86b9 100644
--- a/src/app/pages/mycoupons/mycoupons.page.html
+++ b/src/app/pages/mycoupons/mycoupons.page.html
@@ -49,69 +49,55 @@
 <!--      </ion-segment-button>-->
     </ion-segment>
 
-    <div *ngIf="tabs =='about'" class="about">
-      <ion-label class="head_text">Mentor</ion-label>
+    <div *ngIf="tabs =='about'" class="lesson">
 
-      <div class="mentor" (click)="onMentor()">
-        <div class="left">
-          <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/p3.jpg)'"></div>
-          <div style="margin-left: 10px;">
-            <ion-label class="bold">Jonathon Williams</ion-label>
-            <ion-label class="grey">Senier UI/UX designer at google</ion-label>
-          </div>
-        </div>
-        <ion-icon name="chatbubble-ellipses-outline" color="primary"></ion-icon>
-      </div>
-
-      <ion-label class="head_text">About Course</ion-label>
-
-      <ion-label class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, dolor, quasi
-        commodi
-      </ion-label>
-
-      <ion-label class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, dolor, quasi
-        commodi
-      </ion-label>
-
-      <ion-label class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, dolor, quasi
-        commodi
-      </ion-label>
-
-      <ion-label class="head_text">Tools</ion-label>
-
-      <ion-label>Figma</ion-label>
-    </div>
-
-    <div *ngIf="tabs =='lesson'" 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>
-      </div>
-
-      <div class="video" *ngFor="let item of [1,2]">
+      <div class="video" *ngFor="let item of myCouponPend">
         <div class="left">
           <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.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.amount*0.01}} {{item.currency}} </ion-label>
+            <ion-label class="grey_text">{{item.code}} - {{item.added}}</ion-label>
           </div>
         </div>
         <div class="right">
-          <ion-icon name="lock-closed-outline"></ion-icon>
+          <ion-button color="secondary">Redeem</ion-button>
         </div>
       </div>
 
-      <div class="sec">
-        <ion-label class="grey">Section 2 - Figma Basic</ion-label>
-        <ion-label class="color">60 min</ion-label>
+    </div>
+
+    <div *ngIf="tabs =='lesson'" 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>-->
+<!--      </div>-->
+
+
+      <div class="video" *ngFor="let item of myCouponHx">
+        <div class="left">
+          <div class="bg_image men_image" [style.backgroundImage]="'url(assets/images/line.png)'"></div>
+
+          <div class="text">
+            <ion-label class="bold_text">{{item.amount*0.01}} {{item.currency}} </ion-label>
+            <ion-label class="grey_text">{{item.code}} - {{item.added}}</ion-label>
+          </div>
+        </div>
+        <div class="right">
+<!--          <ion-icon name="lock-closed-outline"></ion-icon>-->
+        </div>
       </div>
 
+<!--      <div class="sec">-->
+<!--        <ion-label class="grey">Section 2 - Figma Basic</ion-label>-->
+<!--        <ion-label class="color">60 min</ion-label>-->
+<!--      </div>-->
+
 
     </div>
 
diff --git a/src/app/pages/mycoupons/mycoupons.page.ts b/src/app/pages/mycoupons/mycoupons.page.ts
index 2217b74..b96b5ef 100644
--- a/src/app/pages/mycoupons/mycoupons.page.ts
+++ b/src/app/pages/mycoupons/mycoupons.page.ts
@@ -1,6 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import {NavController} from "@ionic/angular";
 import {Router} from "@angular/router";
+import {SessionDataProviderService} from "../../store/session-data-provider.service";
+import {WrenchService} from "../../services/wrench.service";
 
 @Component({
   selector: 'app-mycoupons',
@@ -13,10 +15,14 @@ export class MycouponsPage implements OnInit {
 
   constructor(
       private navctr: NavController,
-      private router: Router
+      private router: Router,
+      public sessionDataProviderService: SessionDataProviderService,
+      private wrenchService: WrenchService,
   ) { }
 
   ngOnInit() {
+    this.getMyCouponHxData();
+    this.getMyCouponPendData();
   }
 
   onBack() {
@@ -30,5 +36,49 @@ export class MycouponsPage implements OnInit {
   onEnroll() {
     this.router.navigate(['enroll']);
   }
+  //getCouponHx(usrData)
+  usrData: {
+    action:number, member_id: number, uid: string, sessionid: string, limit:20, page:1,offset: 0
+  };
 
+  myCouponHxTotalData:any;
+  myCouponHx: [];
+  getMyCouponHxData(){
+    this.usrData = {action:85025,
+      member_id: this.sessionDataProviderService.member_id,
+      uid: this.sessionDataProviderService.member_uid,
+      sessionid: this.sessionDataProviderService.session ,
+      limit:20, page:1,offset: 0}
+//debugger;
+    this.wrenchService.getCouponHx(this.usrData).subscribe(
+        myCouponHxTotalData => {
+          this.myCouponHxTotalData = myCouponHxTotalData;
+          console.log("jobManagerJobsTotalData  RETURN->", this.myCouponHxTotalData);
+          this.myCouponHx = this.myCouponHxTotalData.result_list;
+          // debugger;
+          console.log("myCouponHx RETURN DATA->", this.myCouponHx);
+        }
+    );
+
+  }
+
+  myCouponPendTotalData:any;
+  myCouponPend: [];
+  getMyCouponPendData(){
+    this.usrData = {action:85030,
+      member_id: this.sessionDataProviderService.member_id,
+      uid: this.sessionDataProviderService.member_uid,
+      sessionid: this.sessionDataProviderService.session ,
+      limit:20, page:1,offset: 0}
+    this.wrenchService.getCouponPending(this.usrData).subscribe(
+        myCouponPendTotalData => {
+          this.myCouponPendTotalData = myCouponPendTotalData;
+          console.log("myCouponPendTotalData  RETURN->", this.myCouponPendTotalData);
+          this.myCouponPend = this.myCouponPendTotalData.result_list;
+          // debugger;
+          console.log("myCouponPend RETURN DATA->", this.myCouponPend);
+        }
+    );
+
+  }
 }
diff --git a/src/app/services/wrench.service.ts b/src/app/services/wrench.service.ts
index d80d81f..ca818c9 100644
--- a/src/app/services/wrench.service.ts
+++ b/src/app/services/wrench.service.ts
@@ -177,9 +177,17 @@ export class WrenchService {
         return this.getPostData("sendmoneyfee", usrData);
     }
 
+    getCouponHx(usrData){
+        return this.getPostData("couponhx", usrData);
+    }
+
+    getCouponPending(usrData){
+        return this.getPostData("couponpending", usrData);
+    }
     sendMoneyAction(sendmoneyData){
         return this.getPostData("sendmoney", sendmoneyData);
     }
+
     // END POINT FOR WORKER TO MARK TASK AS COMPLETED
     workerJobAction(reqData) {
         var postData = {