fix

src/app/merms-patient/merms-patient.page.html

@@ -5,7 +5,7 @@
         <ion-col size="2" class="navigation">
           <ion-back-button text="" (click)="goBack()"></ion-back-button>
         </ion-col>
-        <ion-col size="8" class="page-title">Patient Name</ion-col>
+        <ion-col size="8" class="page-title">{{patient_name}}</ion-col>
       </ion-row>
     </ion-grid>
     
@@ -27,3 +27,36 @@
 
 
 </ion-content>
+
+
+<!-- Footer without a border -->
+<ion-footer class="ion-no-border">
+  <ion-toolbar>
+    <ion-grid style="font-size: 25px; text-align: center;">
+      <ion-row>
+        <ion-col>
+          <div>
+            <ion-icon name="home"  (click)="goHome()"></ion-icon>
+          </div>
+        </ion-col>
+        <ion-col>
+          <div>
+            <!-- ion-icon name="calendar" style="color:aquamarine;" ></!-->
+          </div>
+        </ion-col>
+        <ion-col>
+          <div>
+            <!-- ion-icon name="wallet" style="color:green;" ></!-->
+          </div>
+        </ion-col>
+
+        <ion-col>
+          <div>
+            <!-- ion-icon name="settings" style="color:red;" ></!-->
+          </div>
+        </ion-col>
+      </ion-row>
+    </ion-grid>
+
+  </ion-toolbar>
+</ion-footer>

src/app/merms-patient/merms-patient.page.ts

@@ -1,4 +1,11 @@
 import { Component, OnInit } from '@angular/core';
+import { Router, NavigationExtras } from '@angular/router'
+import {
+  NavController,
+  AlertController,
+  LoadingController,
+} from '@ionic/angular'
+
 
 @Component({
   selector: 'app-merms-patient',
@@ -6,12 +13,15 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./merms-patient.page.scss'],
 })
 export class MermsPatientPage implements OnInit {
-
+  patient_name:string ="Selected Patient";
-  constructor() { }
+  constructor(public navCtrl: NavController,private router: Router) { }
 
   ngOnInit() {
   }
   goBack(){
 
   }
+  goHome(){
+    this.router.navigateByUrl('/merms-dash')
+  }
 }