From b5ccd7c0877ed16ada0fa86a58a026fcd9a395bd Mon Sep 17 00:00:00 2001
From: CSantosM <4a.santos@gmail.com>
Date: Sun, 18 Jan 2026 16:38:55 +0100
Subject: [PATCH] frontend: Enhance meeting component to manage participant
 left events and update state

---
 .../meeting/pages/meeting/meeting.component.html  |  4 ++--
 .../meeting/pages/meeting/meeting.component.ts    | 15 ++++++++++++++-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/pages/meeting/meeting.component.html b/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/pages/meeting/meeting.component.html
index 878d048f..705dc314 100644
--- a/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/pages/meeting/meeting.component.html
+++ b/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/pages/meeting/meeting.component.html
@@ -13,7 +13,7 @@
 			<p class="prejoin-error-text">Unable to load the lobby. Please try reloading the page.</p>
 		</div>
 	}
-} @else {
+} @else if (!isMeetingLeft()) {
 	<ov-videoconference
 		[token]="roomMemberToken()!"
 		[prejoin]="true"
@@ -50,7 +50,7 @@
 		[showDisconnectionDialog]="false"
 		(onRoomCreated)="onRoomCreated($event)"
 		(onParticipantConnected)="eventHandlerService.onParticipantConnected($event)"
-		(onParticipantLeft)="eventHandlerService.onParticipantLeft($event)"
+		(onParticipantLeft)="onParticipantLeft($event)"
 		(onRecordingStartRequested)="eventHandlerService.onRecordingStartRequested($event)"
 		(onRecordingStopRequested)="eventHandlerService.onRecordingStopRequested($event)"
 		(onViewRecordingsClicked)="onViewRecordingsClicked()"
diff --git a/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/pages/meeting/meeting.component.ts b/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/pages/meeting/meeting.component.ts
index 46268276..91798949 100644
--- a/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/pages/meeting/meeting.component.ts
+++ b/meet-ce/frontend/projects/shared-meet-components/src/lib/domains/meeting/pages/meeting/meeting.component.ts
@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { Component, computed, ContentChild, effect, inject, OnInit, Signal } from '@angular/core';
+import { Component, computed, ContentChild, effect, inject, OnInit, signal, Signal } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatIconModule } from '@angular/material/icon';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@@ -58,6 +58,11 @@ export class MeetingComponent implements OnInit {
 	showLobby = true;
 	isLobbyReady = false;
 
+	/**
+	 * Controls whether to show the videoconference component
+	 */
+	protected isMeetingLeft = signal(false);
+
 	protected features: Signal<ApplicationFeatures>;
 	protected meetingService = inject(MeetingService);
 	protected participantService = inject(RoomMemberService);
@@ -196,6 +201,14 @@ export class MeetingComponent implements OnInit {
 		window.open(`/room/${this.roomId()}/recordings?secret=${this.roomSecret()}`, '_blank');
 	}
 
+	/**
+	 * Handles the participant left event and hides the videoconference component
+	 */
+	protected onParticipantLeft(event: any): void {
+		this.isMeetingLeft.set(true);
+		this.eventHandlerService.onParticipantLeft(event);
+	}
+
 	/**
 	 * Centralized logic for managing video pinning based on
 	 * remote participants and local screen sharing state.