close button added to redirect to bike list

src/app/home/home.page.html

@@ -66,16 +66,22 @@
     </div>
   </div>
   <div class="bike-details-container" *ngIf="isDetailsVisible">
+    <ion-icon class="close-circle-cancel" name="close-circle" (click)="navigatetoBikeList()"></ion-icon>
     <div class="inner">
+      
       <div class="button-container">
+        
         <ion-grid>
+          
           <ion-row>
+            
             <ion-col>
               Bike Name
             </ion-col>
             <ion-col>
               {{selectedBike.name}}
             </ion-col>
+         
           </ion-row>
           <ion-row>
             <ion-col>

src/app/home/home.page.scss

@@ -160,4 +160,7 @@ ion-footer{
 
 .button-container{
   clear: both;
+}
+.close-circle-cancel{
+  margin-left: 93%;
 }
\ No newline at end of file

src/app/home/home.page.ts

@@ -51,6 +51,7 @@ export class HomePage implements OnInit, OnDestroy {
   }
 
   ngOnInit() {
+    
   }
 
   ngAfterViewInit() {
@@ -225,6 +226,10 @@ export class HomePage implements OnInit, OnDestroy {
 
     this.locationsGroup.addObjects([marker]);
   }
+  navigatetoBikeList() {
+    this.isDetailsVisible = false;
+    this.ionViewWillEnter();
+  }
 
   enable3DMaps() {
     this.map.setBaseLayer(this.defaultLayers.vector.normal.map);

src/app/services/feedback.service.ts

@@ -5,6 +5,7 @@ import { Injectable } from '@angular/core';
 })
 export class FeedbackService {
   feedbackBikeDetails = {name : "",bikeid:""}
+  
   constructor() { }
 public getBikeid(){
   return this.feedbackBikeDetails.bikeid