[Chat] Moderation stuff (#10610)

src/screens/Messages/Conversation.tsx

@@ -230,11 +230,19 @@ function InnerReady({
   let footer: React.ReactNode = null
   if (isDisabled) {
     footer = <ChatDisabled />
-  } else if (convo && primaryMember && primaryMemberModeration?.blocked) {
+  } else if (
+    convo &&
+    primaryMember &&
+    primaryMemberModeration &&
+    (convo.kind === 'group'
+      ? primaryMemberModeration?.blockCause?.type === 'blocking'
+      : primaryMemberModeration?.blocked)
+  ) {
     footer = (
       <MessagesListBlockedFooter
         recipient={primaryMember}
         convoId={convo.view.id}
+        isGroup={convo.kind === 'group'}
         moderation={primaryMemberModeration}
       />
     )

src/screens/Messages/ConversationSettings/index.tsx

@@ -435,7 +435,10 @@ function SettingsHeader({
       <View
         style={[a.px_xl, a.py_4xl, a.border_b, t.atoms.border_contrast_low]}>
         <View style={[a.align_center, a.justify_center]}>
-          <AvatarBubbles profiles={convo.members} />
+          <AvatarBubbles
+            profiles={convo.members}
+            moderationOpts={moderationOpts}
+          />
         </View>
         <Text
           style={[

src/screens/Messages/components/ChatListItem.tsx

@@ -204,6 +204,7 @@ function GroupChatItem({
         <AvatarBubbles
           profiles={convo.members}
           size={isWithinSplitView ? 48 : 52}
+          moderationOpts={moderationOpts}
         />
       }
       title={chatName}

src/screens/Messages/components/MessagesListGroupInfoPanel.tsx

@@ -88,7 +88,11 @@ export function MessagesListGroupInfoPanel({
   return (
     <>
       <View style={[a.align_center, a.justify_center]}>
-        <AvatarBubbles animate={true} profiles={convo.members} />
+        <AvatarBubbles
+          animate={true}
+          profiles={convo.members}
+          moderationOpts={moderationOpts}
+        />
         {convo.details.name ? (
           <Text
             style={[a.text_2xl, a.font_bold, a.mt_lg, a.px_lg, t.atoms.text]}>