🩹(frontend) remove warning on modal without heading

The MuteAlertDialog was triggering accessibility warnings, lacking
a proper heading. Fix it.
This commit is contained in:
lebaudantoine
2025-01-31 17:47:05 +01:00
committed by aleb_the_flash
parent 716d40dd4e
commit 03f6e6519b
4 changed files with 8 additions and 1 deletions

View File

@@ -17,7 +17,11 @@ export const MuteAlertDialog = ({
keyPrefix: 'participants.muteParticipantAlert', keyPrefix: 'participants.muteParticipantAlert',
}) })
return ( return (
<Dialog isOpen={isOpen} role="alertdialog"> <Dialog
isOpen={isOpen}
role="alertdialog"
aria-label={t('heading', { name })}
>
<P>{t('description', { name })}</P> <P>{t('description', { name })}</P>
<HStack gap={1}> <HStack gap={1}>
<Button variant="text" size="sm" onPress={onClose}> <Button variant="text" size="sm" onPress={onClose}>

View File

@@ -179,6 +179,7 @@
"muteYourself": "", "muteYourself": "",
"muteParticipant": "", "muteParticipant": "",
"muteParticipantAlert": { "muteParticipantAlert": {
"heading": "",
"description": "", "description": "",
"confirm": "", "confirm": "",
"cancel": "" "cancel": ""

View File

@@ -178,6 +178,7 @@
"muteYourself": "Close your mic", "muteYourself": "Close your mic",
"muteParticipant": "Close the mic of {{name}}", "muteParticipant": "Close the mic of {{name}}",
"muteParticipantAlert": { "muteParticipantAlert": {
"heading": "Mute {{name}}",
"description": "Mute {{name}} for all participants? {{name}} will be the only one who can unmute themselves.", "description": "Mute {{name}} for all participants? {{name}} will be the only one who can unmute themselves.",
"confirm": "Mute", "confirm": "Mute",
"cancel": "Cancel" "cancel": "Cancel"

View File

@@ -178,6 +178,7 @@
"muteYourself": "Couper votre micro", "muteYourself": "Couper votre micro",
"muteParticipant": "Couper le micro de {{name}}", "muteParticipant": "Couper le micro de {{name}}",
"muteParticipantAlert": { "muteParticipantAlert": {
"heading": "Couper le micro de {{name}}",
"description": "Couper le micro de {{name}} pour tous les participants ? {{name}} est la seule personne habilitée à réactiver son micro", "description": "Couper le micro de {{name}} pour tous les participants ? {{name}} est la seule personne habilitée à réactiver son micro",
"confirm": "Couper le micro", "confirm": "Couper le micro",
"cancel": "Annuler" "cancel": "Annuler"