Update info of group call blocked participants

_locales/en/messages.json

@@ -1863,10 +1863,18 @@
   },
   "icu:calling__you-have-blocked": {
     "messageformat": "You have blocked {name}",
-    "description": "when you block someone and cannot view their video"
+    "description": "(Deleted 2024/07/15) when you block someone and cannot view their video"
+  },
+  "icu:calling__blocked-participant": {
+    "messageformat": "{name} is blocked",
+    "description": "Shown in a group call when you have blocked someone and cannot view their video."
+  },
+  "icu:calling__block-info-title": {
+    "messageformat": "{name} is blocked",
+    "description": "Title of modal dialog to describe how blocking works in a group call"
   },
   "icu:calling__block-info": {
-    "messageformat": "You won't receive their voice or video and they won't receive yours.",
+    "messageformat": "You won’t receive their audio or video and they won’t receive yours.",
     "description": "Shown in the modal dialog to describe how blocking works in a group call"
   },
   "icu:calling__missing-media-keys": {

ts/components/GroupCallRemoteParticipant.tsx

@@ -361,6 +361,9 @@ export const GroupCallRemoteParticipant: React.FC<PropsType> = React.memo(
         noVideoNode = (
           <>
             <i className="module-ongoing-call__group-call-remote-participant__error-icon module-ongoing-call__group-call-remote-participant__error-icon--blocked" />
+            <div className="module-ongoing-call__group-call-remote-participant__error">
+              {i18n('icu:calling__blocked-participant', { name: title })}
+            </div>
             {showDialogButton}
           </>
         );
@@ -410,7 +413,7 @@ export const GroupCallRemoteParticipant: React.FC<PropsType> = React.memo(
           <div className="module-ongoing-call__group-call-remote-participant__more-info-modal-title">
             <I18n
               i18n={i18n}
-              id="icu:calling__you-have-blocked"
+              id="icu:calling__block-info-title"
               components={{
                 name: <ContactName key="name" title={title} />,
               }}
@@ -510,7 +513,7 @@ export const GroupCallRemoteParticipant: React.FC<PropsType> = React.memo(
           )}
           {noVideoNode && (
             <CallBackgroundBlur
-              avatarPath={avatarPath}
+              avatarPath={isBlocked ? undefined : avatarPath}
               className="module-ongoing-call__group-call-remote-participant-background"
             >
               {noVideoNode}