Add component in aganda

src/app/pages/agenda/agenda.page.html

@@ -288,8 +288,7 @@
               </mwl-calendar-day-view>
             </div>
   
-            <div [ngSwitch]="view" class="fs-timeline flex-grow-1 d-none d-md-block"
-              *ngIf="showTimelineMD">
+            <div [ngSwitch]="view" class="fs-timeline flex-grow-1 d-none d-md-block" *ngIf="showTimelineMD">
               <mwl-calendar-day-view
                 *ngSwitchCase="'day'"
                 [viewDate]="viewDate"
@@ -299,8 +298,7 @@
               </mwl-calendar-day-view>
             </div>
 
-            <div [ngSwitch]="view" class="sd-timeline flex-grow-1 d-none d-md-block timeline-md"
-              *ngIf="showTimelinePR">
+            <div [ngSwitch]="view" class="sd-timeline flex-grow-1 d-none d-md-block timeline-md" *ngIf="showTimelinePR">
               <mwl-calendar-day-view
                 *ngSwitchCase="'day'"
                 [viewDate]="viewDate"
@@ -323,7 +321,8 @@
         mobileComponent.showEditEvent == false &&
         mobileComponent.showEventDitails == false &&
         mobileComponent.showEventList == false &&
-        mobileComponent.showEventToApprove == false
+        mobileComponent.showEventToApprove == false &&
+        mobileComponent.showAttendees == false
         )
         "
       class="text-black nothing-to-show">
@@ -336,6 +335,7 @@
         [selectedSegment]=segment
         [selectedDate]="eventSelectedDate"
         (onAddEvent)="openAddEventDismiss($event)"
+        (openAttendeesComponent)="openAttendeesComponent($event)"
         
       ></app-new-event>
       <!-- Edit -->
@@ -344,11 +344,10 @@
         [selectedSegment]="segment"
         [postEvent]="postEvent"
         (cloneAllmobileComponent)="cloneAllmobileComponent($event)"
-
       ></app-edit-event>
 
       <!-- View -->
-      <app-view-event *ngIf="mobileComponent.showEventDitails"
+      <app-view-event *ngIf="mobileComponent.showEventDetails"
         [profile]="profile"
         [eventId]="selectedEventId"
         (viewEventDetailDismiss)="viewEventDetailDismiss($event)"
@@ -371,8 +370,20 @@
       >
 
       </app-approve-event>
+      
+      <app-attendees
+        class="d-flex flex-column height-100" 
+        *ngIf="mobileComponent.showAttendees"
+        (openAttendeeModal)="openAttendeeModal()"
+      >
+      </app-attendees>
 
-
+      <app-attendee-modal
+        class="d-flex flex-column height-100" 
+        *ngIf="mobileComponent.showAttendeeModal"
+        (openAttendeesComponent)="openAttendeesComponent($event)"
+      >
+      </app-attendee-modal>
 
     </div>