fix(av-moderation) Show Mute button when participant is unmuted (#10090)

Show Mute button instead of always showing Ask to Unmute

Added aria-label

react/features/participants-pane/components/ParticipantQuickAction.js

@@ -57,6 +57,7 @@ export default function ParticipantQuickAction({
     case QUICK_ACTION_BUTTON.MUTE: {
         return (
             <QuickActionButton
+                aria-label = { `mute-${participantID}` }
                 onClick = { muteAudio(participantID) }
                 primary = { true }>
                 { muteParticipantButtonText }

react/features/participants-pane/components/web/MeetingParticipantItem.js

@@ -235,7 +235,9 @@ function MeetingParticipantItem({
     }
 
     const buttonType = _isModerationSupported
-        ? _localModerator ? QUICK_ACTION_BUTTON.ASK_TO_UNMUTE : _quickActionButtonType
+        ? _localModerator && _audioMediaState !== MEDIA_STATE.UNMUTED
+            ? QUICK_ACTION_BUTTON.ASK_TO_UNMUTE
+            : _quickActionButtonType
         : '';
 
     return (

react/features/video-menu/components/web/MuteVideoButton.js

@@ -44,10 +44,10 @@ class MuteVideoButton extends AbstractMuteVideoButton {
         const { _videoTrackMuted, participantID, t } = this.props;
         const muteConfig = _videoTrackMuted ? {
             translationKey: 'videothumbnail.videoMuted',
-            muteClassName: 'mutelink disabled'
+            muteClassName: 'mutevideolink disabled'
         } : {
             translationKey: 'videothumbnail.domuteVideo',
-            muteClassName: 'mutelink'
+            muteClassName: 'mutevideolink'
         };
 
         return (