Fix condition compile for hard mute. (#5543)

* Fix condition compile for hard mute.

* Change files

Author: fuyan2024

change-beta/@azure-communication-react-d8ba7749-9ddc-42f0-b17b-50765eeca2c8.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Hard mute",
+  "comment": "Fix condition compile for hard mute.",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-d8ba7749-9ddc-42f0-b17b-50765eeca2c8.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Hard mute",
+  "comment": "Fix condition compile for hard mute.",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-components/src/components/ParticipantItem.tsx

@@ -80,8 +80,8 @@ export interface ParticipantItemStrings {
   attendeeRole: string;
   /* @conditional-compile-remove(media-access) */
   /** Label for the disabled microphone icon in participant state stack  */
-  /* @conditional-compile-remove(media-access) */
   micDisabledIconLabel: string;
+  /* @conditional-compile-remove(media-access) */
   /** Label for the disabled camera icon in participant state stack  */
   cameraDisabledIconLabel: string;
 }

packages/react-components/src/components/VideoGallery.tsx

@@ -315,22 +315,22 @@ export interface VideoGalleryProps {
   onMuteParticipant?: (userId: string) => Promise<void>;
   /* @conditional-compile-remove(media-access) */
   /**
-   * This callback is to forbid audio for a remote participant(s)
+   * This callback is to forbid audio for remote participant(s)
    */
   onForbidAudio?: (userIds: string[]) => Promise<void>;
   /* @conditional-compile-remove(media-access) */
   /**
-   * This callback is to permit audio for a remote participant(s)
+   * This callback is to permit audio for remote participant(s)
    */
   onPermitAudio?: (userIds: string[]) => Promise<void>;
   /* @conditional-compile-remove(media-access) */
   /**
-   * This callback is to forbid video for a remote participant(s)
+   * This callback is to forbid video for remote participant(s)
    */
   onForbidVideo?: (userIds: string[]) => Promise<void>;
   /* @conditional-compile-remove(media-access) */
   /**
-   * This callback is to permit video for a remote participant(s)
+   * This callback is to permit video for remote participant(s)
    */
   onPermitVideo?: (userIds: string[]) => Promise<void>;
 }