From 0debf5b35b9296449fd8baa04f2af3b026cd9940 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Tue, 22 Jul 2025 17:10:56 +0200
Subject: [PATCH] frontend: add unique IDs to action buttons in recording lists
 for improved accessibility

---
 .../recording-lists/recording-lists.component.html        | 8 ++++++--
 1 file changed, 6 insertions(+), 2 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 c2aa264..82791c6 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
@@ -178,6 +178,7 @@
 								matTooltip="Play Recording"
 								(click)="playRecording(recording)"
 								[disabled]="loading"
+								id="play-recording-btn-{{ recording.id }}"
 							>
 								<mat-icon>play_arrow</mat-icon>
 							</button>
@@ -190,6 +191,7 @@
 								matTooltip="Download Recording"
 								(click)="downloadRecording(recording)"
 								[disabled]="loading"
+								id="download-recording-btn-{{ recording.id }}"
 							>
 								<mat-icon>download</mat-icon>
 							</button>
@@ -202,6 +204,7 @@
 								matTooltip="Delete Recording"
 								(click)="deleteRecording(recording)"
 								[disabled]="loading"
+								id="delete-recording-btn-{{ recording.id }}"
 							>
 								<mat-icon>delete</mat-icon>
 							</button>
@@ -212,19 +215,20 @@
 								[matMenuTriggerFor]="actionsMenu"
 								matTooltip="More Actions"
 								[disabled]="loading"
+								id="more-actions-btn-{{ recording.id }}"
 							>
 								<mat-icon>more_vert</mat-icon>
 							</button>
 
 							<mat-menu #actionsMenu="matMenu">
-								<button mat-menu-item (click)="shareRecordingLink(recording)">
+								<button mat-menu-item (click)="shareRecordingLink(recording)" id="share-recording-link-{{ recording.id }}">
 									<mat-icon>share</mat-icon>
 									<span>Share link</span>
 								</button>
 
 								@if (canDeleteRecording(recording)) {
 									<mat-divider></mat-divider>
-									<button mat-menu-item (click)="deleteRecording(recording)" class="delete-action">
+									<button mat-menu-item (click)="deleteRecording(recording)" class="delete-action" id="delete-recording-btn-{{ recording.id }}">
 										<mat-icon>delete</mat-icon>
 										<span>Delete recording</span>
 									</button>