From 5d9dbc114b9422223211a44fd1800371960b169a Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Fri, 22 Aug 2025 19:38:32 +0200
Subject: [PATCH] ov-components: add conditional rendering for letter display
 in avatar profile

---
 .../components/avatar-profile/avatar-profile.component.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/avatar-profile/avatar-profile.component.ts b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/avatar-profile/avatar-profile.component.ts
index a04f84be..b6e9b21e 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/avatar-profile/avatar-profile.component.ts
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/avatar-profile/avatar-profile.component.ts
@@ -8,9 +8,11 @@ import { Component, Input } from '@angular/core';
 	selector: 'ov-avatar-profile',
 	template: `
 		<div class="poster" id="video-poster">
-			<div class="initial" [ngStyle]="{ 'background-color': color }">
-				<span id="poster-text">{{ letter }}</span>
-			</div>
+			@if (letter) {
+				<div class="initial" [ngStyle]="{ 'background-color': color }">
+					<span id="poster-text">{{ letter }}</span>
+				</div>
+			}
 		</div>
 	`,
 	styleUrls: ['./avatar-profile.component.scss'],