diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 90896ac20bbb4484d4f41a62e57e7794a4f70634..b38de52ef167b4f9df48c6ca96a3baa5d4703600 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -28,6 +28,11 @@ export class AppComponent {
       url: '/myreservation',
       icon: 'clipboard'
     },
+    {
+      title: 'My Rides',
+      url: '/hirebike',
+      icon: 'clipboard'
+    },
     {
       title: 'Logout',
       url: '/login',
diff --git a/src/app/hirebike/hirebike.page.html b/src/app/hirebike/hirebike.page.html
index d5d6e505aae5a84f7be8f97926637de320665108..c3923a0687dcfec8831c2454f831bdb646d18642 100644
--- a/src/app/hirebike/hirebike.page.html
+++ b/src/app/hirebike/hirebike.page.html
@@ -4,16 +4,19 @@
       <ion-menu-button></ion-menu-button>
     </ion-buttons>
     <ion-title slot="start">
-      Hire Bike
+      My Ride
     </ion-title>
   </ion-toolbar>
 </ion-header>
 
 <ion-content>
   <div>
-    <ion-item>
+    <ion-item *ngIf="!isBikeHired">
       <ion-input type="text" [(ngModel)]="Destination" placeholder="Enter Destination"></ion-input>
     </ion-item>
+    <ion-item *ngIf="isBikeHired">
+      <ion-input type="text" [(ngModel)]="Destination" placeholder="Ongoing Trip" readonly></ion-input>
+    </ion-item>
   </div>
   <div #mapElement style="width: 100%; height: 100%" id="mapContainer"></div>
 </ion-content>
diff --git a/src/app/hirebike/hirebike.page.ts b/src/app/hirebike/hirebike.page.ts
index 90b941320dfa7104028c84408ecb62d9109c3cab..b17b5c1dad7fbee8e245f74b03d700ca32499716 100644
--- a/src/app/hirebike/hirebike.page.ts
+++ b/src/app/hirebike/hirebike.page.ts
@@ -74,6 +74,7 @@ export class HirebikePage implements OnInit {
         console.log('Reserved Bike', resp);
         if (resp.data) {
           this.reservedBike = resp.data;
+          this.isBikeHired=this.reservedBike.rented;
           //Call Bike Details api
           let bikeDetailsUrl = 'http://193.196.52.237:8081/bikes/' + this.reservedBike.bikeId;
           let bikeDetailsApi = this.httpClient.get(bikeDetailsUrl, { headers });
@@ -101,10 +102,9 @@ export class HirebikePage implements OnInit {
       bikeApi.subscribe((resp) => {
         console.log('my data: ', resp);
         this.toastService.showToast("Trip Started");
-        this.isBikeHired=true;
       }, (error) => {
         console.log(error)
-        this.toastService.showToast("Unable to Hire Bike")
+        this.toastService.showToast("This is ongoing Trip")
       });
     });
 
diff --git a/src/app/myreservation/myreservation.page.ts b/src/app/myreservation/myreservation.page.ts
index 3d7617b769c922e6ccf6133fd750bc650c8efbe9..3631d511a685ff047d311b292e09509ece8357b6 100644
--- a/src/app/myreservation/myreservation.page.ts
+++ b/src/app/myreservation/myreservation.page.ts
@@ -23,6 +23,7 @@ export class MyreservationPage implements OnInit {
 
   reservedBike: any = {};
   bikeDetails: any = {};
+  isBikeHired=false;
 
   noReservation = true;
 
@@ -74,6 +75,7 @@ export class MyreservationPage implements OnInit {
         console.log('Reserved Bike', resp);
         if (resp.data) {
           this.reservedBike = resp.data;
+          this.isBikeHired = this.reservedBike.rented;
           //Call Bike Details api
           let bikeDetailsUrl = 'http://193.196.52.237:8081/bikes/' + this.reservedBike.bikeId;
           let bikeDetailsApi = this.httpClient.get(bikeDetailsUrl, { headers });
@@ -261,6 +263,9 @@ export class MyreservationPage implements OnInit {
     }
   };
   hireBike() {
+    if (this.isBikeHired)
+    this.toastService.showToast("You already Hired this bike");
+    else
     this.router.navigateByUrl('/hirebike');
   }
 }