From 169b8c203aa82287745c00067c99d88d447cc6f6 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Wed, 16 Jul 2025 11:07:04 +0200
Subject: [PATCH] frontend: add delete action for failed recordings in
 recording lists component

---
 .../recording-lists.component.html            | 54 +++++++++++--------
 .../recording-lists.component.ts              |  4 ++
 2 files changed, 37 insertions(+), 21 deletions(-)

diff --git a/frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.html b/frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.html
index 0be1640..5e4b09a 100644
--- a/frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.html
+++ b/frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.html
@@ -195,30 +195,42 @@
 							</button>
 						}
 
-						<!-- More Actions Menu -->
-						<button
-							mat-icon-button
-							[matMenuTriggerFor]="actionsMenu"
-							matTooltip="More Actions"
-							[disabled]="loading"
-						>
-							<mat-icon>more_vert</mat-icon>
-						</button>
-
-						<mat-menu #actionsMenu="matMenu">
-							<button mat-menu-item (click)="shareRecordingLink(recording)">
-								<mat-icon>share</mat-icon>
-								<span>Share link</span>
+						@if (isRecordingFailed(recording)) {
+							<button
+								class="delete-action"
+								mat-icon-button
+								matTooltip="Delete Recording"
+								(click)="deleteRecording(recording)"
+								[disabled]="loading"
+							>
+								<mat-icon>delete</mat-icon>
+							</button>
+						} @else {
+							<!-- More Actions Menu -->
+							<button
+								mat-icon-button
+								[matMenuTriggerFor]="actionsMenu"
+								matTooltip="More Actions"
+								[disabled]="loading"
+							>
+								<mat-icon>more_vert</mat-icon>
 							</button>
 
-							@if (canDeleteRecording(recording)) {
-								<mat-divider></mat-divider>
-								<button mat-menu-item (click)="deleteRecording(recording)" class="delete-action">
-									<mat-icon>delete</mat-icon>
-									<span>Delete recording</span>
+							<mat-menu #actionsMenu="matMenu">
+								<button mat-menu-item (click)="shareRecordingLink(recording)">
+									<mat-icon>share</mat-icon>
+									<span>Share link</span>
 								</button>
-							}
-						</mat-menu>
+
+								@if (canDeleteRecording(recording)) {
+									<mat-divider></mat-divider>
+									<button mat-menu-item (click)="deleteRecording(recording)" class="delete-action">
+										<mat-icon>delete</mat-icon>
+										<span>Delete recording</span>
+									</button>
+								}
+							</mat-menu>
+						}
 					</div>
 				</td>
 			</ng-container>
diff --git a/frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.ts b/frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.ts
index 655993e..daab174 100644
--- a/frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.ts
+++ b/frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.ts
@@ -310,6 +310,10 @@ export class RecordingListsComponent implements OnInit, OnChanges {
 		return this.canDeleteRecordings && this.isStatusInGroup(recording.status, this.STATUS_GROUPS.SELECTABLE);
 	}
 
+	isRecordingFailed(recording: MeetRecordingInfo): boolean {
+		return this.isStatusInGroup(recording.status, this.STATUS_GROUPS.ERROR);
+	}
+
 	// ===== UI HELPER METHODS =====
 
 	getStatusIcon(status: MeetRecordingStatus): string {