creado objeto interfaz Reserva e interfaz de usuario para reservar

src/app/view-evento-cliente/view-evento-cliente.page.html

@@ -26,6 +26,11 @@
             <a [routerLink]="['/tabsUser/tab2/view-discoteca-cliente']">{{discoteca?.nombre}}</a>
           </div>
         </ion-row>
+        <ion-row>
+          <ion-button (click)="openReserva()">
+            Reserva
+          </ion-button>
+        </ion-row>
       </div>
   </ion-grid>
 </ion-content>

src/app/view-evento-cliente/view-evento-cliente.page.ts

@@ -1,6 +1,9 @@
 import { Component, OnInit } from '@angular/core';
+import { ModalController } from '@ionic/angular';
 import { DiscotecaI } from '../interfaces/discoteca-i';
 import { Eventoi } from '../interfaces/eventoi';
+import { Reservai } from '../interfaces/reservai';
+import { ReservamodalPage } from '../reservamodal/reservamodal.page';
 import { FeedService } from '../services/feed.service';
 
 @Component({
@@ -12,11 +15,20 @@ export class ViewEventoClientePage implements OnInit {
 
   evento: Eventoi;
   discoteca: DiscotecaI;
-  constructor(private feedService: FeedService) { }
+  reserva: Reservai;
+  constructor(private feedService: FeedService, private modalController: ModalController) { }
 
   ngOnInit() {
     this.evento = this.feedService.getEventoByIndex(this.feedService.eventoIndex);
     this.discoteca = this.feedService.discotecaEvento;
   }
 
+  openReserva(){
+    this.modalController.create({
+      component: ReservamodalPage,
+
+    }).then(modal => modal.present());
+
+  }
+
 }