banner redirect

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

@@ -59,9 +59,9 @@
   </div> -->
 
 
-  <div class="bg_white" *ngFor="let item of bannerData; let i = index" (click)="onDetails()">
+  <div class="bg_white" *ngFor="let item of bannerData; let i = index" (click)="onDetails(item)">
     <div class="list">
-      <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p2.jpg)'"></div>
+      <div class="bg_image back_image banner_image" [style.backgroundImage]="'url(assets/images/p2.jpg)'"></div>
       <div class="detail">
         <ion-label class="name">{{item.short_title}}</ion-label>
         <ion-label class="bg_text">{{item.short_description}}</ion-label>

src/app/pages/home/home.page.scss

@@ -94,12 +94,12 @@ ion-content {
   }
 
   .offer {
-    margin-top: 10px;
+        margin-top: 10px;
-margin-bottom: 10px;
+        margin-bottom: 10px;
-    .back_image {
+        .back_image {
-      height: 150px;
+        height: 150px;
-      width: 100%;
+        width: 100%;
-      border-radius: 15px;
+        border-radius: 15px;
     }
   }
 
@@ -190,7 +190,9 @@ margin-bottom: 10px;
         width: 95px;
         border-radius: 10px;
       }
-
+      .banner_image{
+        min-width: 90px;
+      }
       .detail {
         margin-left: 10px;
 

src/app/pages/home/home.page.ts

@@ -70,8 +70,16 @@ export class HomePage implements OnInit {
     );
 
   }
-  onDetails() {
+  onDetails(item) {
-    this.router.navigate(['detail']);
+    var pageToNavigate = 'detail';
+    // alert(item.link_path);
+      switch (item.link_path){
+        case 'referral':
+          pageToNavigate = 'invite';
+          break;
+
+      }
+    this.router.navigate([pageToNavigate]);
   }
 
   onNotification() {

src/app/pages/my-course/my-course.page.html

@@ -13,10 +13,10 @@
 <ion-content class="ion-padding">
   <ion-segment [(ngModel)]="tabs">
     <ion-segment-button value="on">
-      <ion-label>Ongoing</ion-label>
+      <ion-label>Available</ion-label>
     </ion-segment-button>
     <ion-segment-button value="done">
-      <ion-label>Complete</ion-label>
+      <ion-label>Last Minute</ion-label>
     </ion-segment-button>
   </ion-segment>