Change component name

src/app/pages/events/attendees/attendees-routing.module.ts

@@ -1,12 +1,12 @@
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
-import { AttendeesPage } from './attendees.page';
+import { AttendeesPageModal } from './attendees.page';
 
 const routes: Routes = [
   {
     path: '',
-    component: AttendeesPage
+    component: AttendeesPageModal
   }
 ];
 

src/app/pages/events/attendees/attendees.module.ts

@@ -6,7 +6,7 @@ import { IonicModule } from '@ionic/angular';
 
 import { AttendeesPageRoutingModule } from './attendees-routing.module';
 
-import { AttendeesPage } from './attendees.page';
+import { AttendeesPageModal } from './attendees.page';
 
 @NgModule({
   imports: [
@@ -15,7 +15,7 @@ import { AttendeesPage } from './attendees.page';
     IonicModule,
     AttendeesPageRoutingModule
   ],
-  declarations: [AttendeesPage],
-  exports: [AttendeesPage]
+  declarations: [AttendeesPageModal],
+  exports: [AttendeesPageModal]
 })
 export class AttendeesPageModule {}

src/app/pages/events/attendees/attendees.page.ts

@@ -8,7 +8,7 @@ import { ContactsService } from 'src/app/services/contacts.service';
   templateUrl: './attendees.page.html',
   styleUrls: ['./attendees.page.scss'],
 })
-export class AttendeesPage implements OnInit {
+export class AttendeesPageModal implements OnInit {
 
   // Defined by the API
   contacts: EventPerson[];