fix(av-moderation) Update function that calculates quick action button

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

 
 import React, { useCallback, useEffect, useState } from 'react';
 
-import { isSupported } from '../../../av-moderation/functions';
 import { translate } from '../../../base/i18n';
 import { JitsiTrackEvents } from '../../../base/lib-jitsi-meet';
 import { MEDIA_TYPE } from '../../../base/media';
     getLocalParticipant,
     getParticipantByIdOrUndefined,
     getParticipantDisplayName,
-    isLocalParticipantModerator,
     isParticipantModerator
 } from '../../../base/participants';
 import { connect } from '../../../base/redux';
     isParticipantAudioMuted,
     isParticipantVideoMuted
 } from '../../../base/tracks';
-import { ACTION_TRIGGER, type MediaState, MEDIA_STATE, QUICK_ACTION_BUTTON } from '../../constants';
+import { ACTION_TRIGGER, type MediaState, MEDIA_STATE } from '../../constants';
 import {
     getParticipantAudioMediaState,
     getParticipantVideoMediaState,
     _audioTrack,
     _disableModeratorIndicator,
     _displayName,
-    _isModerationSupported,
     _local,
-    _localModerator,
     _localVideoOwner,
     _participant,
     _participantID,
         askToUnmuteText = t('participantsPane.actions.allowVideo');
     }
 
-    const buttonType = _isModerationSupported
-        ? _localModerator && _audioMediaState !== MEDIA_STATE.UNMUTED
-            ? QUICK_ACTION_BUTTON.ASK_TO_UNMUTE
-            : _quickActionButtonType
-        : '';
-
     return (
         <ParticipantItem
             actionsTrigger = { ACTION_TRIGGER.HOVER }
                 && <>
                     <ParticipantQuickAction
                         askUnmuteText = { askToUnmuteText }
-                        buttonType = { buttonType }
+                        buttonType = { _quickActionButtonType }
                         muteAudio = { muteAudio }
                         muteParticipantButtonText = { muteParticipantButtonText }
                         participantID = { _participantID } />
 
     const { disableModeratorIndicator } = state['features/base/config'];
 
-    const _localModerator = isLocalParticipantModerator(state);
-
     return {
         _audioMediaState,
         _audioTrack,
         _disableModeratorIndicator: disableModeratorIndicator,
         _displayName: getParticipantDisplayName(state, participant?.id),
-        _isModerationSupported: isSupported()(state),
         _local: Boolean(participant?.local),
-        _localModerator,
         _localVideoOwner: Boolean(ownerId === localParticipantId),
         _participant: participant,
         _participantID: participant?.id,

react/features/participants-pane/functions.js

 import {
     isParticipantApproved,
     isEnabledFromState,
-    isLocalParticipantApprovedFromState
+    isLocalParticipantApprovedFromState,
+    isSupported
 } from '../av-moderation/functions';
 import { getFeatureFlag, INVITE_ENABLED } from '../base/flags';
 import { MEDIA_TYPE, type MediaType } from '../base/media/constants';
 export function getQuickActionButtonType(participant: Object, isAudioMuted: Boolean, state: Object) {
     // handled only by moderators
     if (isLocalParticipantModerator(state)) {
-        if (isForceMuted(participant, MEDIA_TYPE.AUDIO, state) || isForceMuted(participant, MEDIA_TYPE.VIDEO, state)) {
-            return QUICK_ACTION_BUTTON.ASK_TO_UNMUTE;
-        }
         if (!isAudioMuted) {
             return QUICK_ACTION_BUTTON.MUTE;
         }
+        if (isSupported()(state)) {
+            return QUICK_ACTION_BUTTON.ASK_TO_UNMUTE;
+        }
     }
 
     return QUICK_ACTION_BUTTON.NONE;