From fce026766baabe98c8ba0efc540e97174aaf2224 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Tue, 29 Jul 2025 19:10:35 +0200
Subject: [PATCH] ov-components: Enhance recording activity component: update
 view recordings button visibility based on recording status and improve
 toolbar button text for active recording state

---
 .../recording-activity/recording-activity.component.html        | 2 +-
 .../recording-activity/recording-activity.component.scss        | 1 +
 .../src/lib/components/toolbar/toolbar.component.html           | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html
index e0908aca..22a82ae2 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html
@@ -152,7 +152,7 @@
 						}
 
 						<!-- View all recordings button -->
-						@if (showViewRecordingsButton) {
+						@if (showViewRecordingsButton && recordingStatus !== recStatusEnum.FAILED) {
 							<div class="item recording-action-buttons">
 								<button
 									mat-flat-button
diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss
index 312d3d7e..741007f6 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss
@@ -500,6 +500,7 @@
 		width: 100%;
 		background-color: var(--ov-accent-action-color);
 		color: var(--ov-secondary-action-color);
+		border-radius: var(--ov-surface-radius);
 		margin-bottom: 10px;
 
 		mat-icon {
diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/toolbar/toolbar.component.html b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/toolbar/toolbar.component.html
index 79820df6..3866e984 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/toolbar/toolbar.component.html
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/toolbar/toolbar.component.html
@@ -144,7 +144,7 @@
 						{{ 'TOOLBAR.START_RECORDING' | translate }}
 					</span>
 				} @else if (recordingStatus === _recordingStatus.STARTED || recordingStatus === _recordingStatus.STARTING) {
-					<span>{{ 'TOOLBAR.RECORDING' | translate }}</span>
+					<span>{{ 'TOOLBAR.STOP_RECORDING' | translate }}</span>
 				}
 			</button>