From ef31b9badaf652bc3e8fe4bbc2023a6c87a74860 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Mon, 8 Sep 2025 12:26:57 +0200
Subject: [PATCH] frontend: enhance share link component

---
 .../lib/pages/meeting/meeting.component.html  |  3 +-
 .../lib/pages/meeting/meeting.component.scss  |  4 ++
 .../lib/pages/meeting/meeting.component.ts    | 40 ++++++++++++++-----
 3 files changed, 36 insertions(+), 11 deletions(-)

diff --git a/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.html b/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.html
index b61801a..6457aad 100644
--- a/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.html
+++ b/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.html
@@ -89,8 +89,9 @@
 
 		<ng-container *ovLayoutAdditionalElements>
 			@if (features().canModerateRoom && remoteParticipants.length === 0) {
-				<div class="main-share-meeting-link-container fade-in-delayed-more">
+				<div class="main-share-meeting-link-container fade-in-delayed-more OV_big">
 					<ov-share-meeting-link
+						class="main-share-meeting-link"
 						[title]="'Start collaborating'"
 						[subtitle]="'Share this link to bring others into the meeting'"
 						[titleSize]="'xl'"
diff --git a/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.scss b/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.scss
index aee9de9..1ded13b 100644
--- a/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.scss
+++ b/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.scss
@@ -250,6 +250,10 @@
 	align-items: center;
 	justify-content: center;
 	border-radius: var(--ov-meet-radius-md);
+
+	.main-share-meeting-link {
+		max-width: 100%;
+	}
 }
 
 // Responsive adjustments
diff --git a/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.ts b/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.ts
index 451393e..e2a7c5d 100644
--- a/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.ts
+++ b/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.ts
@@ -55,9 +55,10 @@ import {
 	RecordingStopRequestedEvent,
 	RemoteParticipant,
 	Room,
-	RoomEvent
+	RoomEvent,
+	Track
 } from 'openvidu-components-angular';
-import { Subject, takeUntil } from 'rxjs';
+import { combineLatest, Subject, takeUntil } from 'rxjs';
 
 @Component({
 	selector: 'app-meeting',
@@ -273,22 +274,41 @@ export class MeetingComponent implements OnInit {
 			await this.roomService.loadRoomConfig(this.roomId);
 			this.showMeeting = true;
 
-			// Subscribe to remote participants updates
-			this.componentParticipantService.remoteParticipants$
+			combineLatest([
+				this.componentParticipantService.remoteParticipants$,
+				this.componentParticipantService.localParticipant$
+			])
 				.pipe(takeUntil(this.destroy$))
-				.subscribe((participants) => {
+				.subscribe(([participants, local]) => {
 					this.remoteParticipants = participants as CustomParticipantModel[];
-				});
-			this.componentParticipantService.localParticipant$
-				.pipe(takeUntil(this.destroy$))
-				.subscribe((participant) => {
-					this.localParticipant = participant as CustomParticipantModel;
+					this.localParticipant = local as CustomParticipantModel;
+
+					this.updateVideoPinState();
 				});
 		} catch (error) {
 			console.error('Error accessing meeting:', error);
 		}
 	}
 
+	/**
+	 * Centralized logic for managing video pinning based on
+	 * remote participants and local screen sharing state.
+	 */
+	private updateVideoPinState(): void {
+		if (!this.localParticipant) return;
+
+		const hasRemote = this.remoteParticipants.length > 0;
+		const isSharing = this.localParticipant.isScreenShareEnabled;
+
+		if (hasRemote && isSharing) {
+			// Pin the local screen share to appear bigger
+			this.localParticipant.setVideoPinnedBySource(Track.Source.ScreenShare, true);
+		} else {
+			// Unpin everything if no remote participants or not sharing
+			this.localParticipant.setAllVideoPinned(false);
+		}
+	}
+
 	/**
 	 * Generates a participant token for joining a meeting.
 	 *