From 4aee6b7b43cbbcf1b7efb04417c743c8255765bc Mon Sep 17 00:00:00 2001
From: Daniel Gale-Rosen <dgalerosen@expensify.com>
Date: Fri, 13 Jan 2023 16:43:33 -0500
Subject: [PATCH] remove shouldShowLargeAvatars

---
 src/components/RoomHeaderAvatars.js           | 24 ++-----------------
 .../home/report/ReportActionItemCreated.js    |  1 -
 2 files changed, 2 insertions(+), 23 deletions(-)

diff --git a/src/components/RoomHeaderAvatars.js b/src/components/RoomHeaderAvatars.js
index 5a69b3ddcabc..25515242912f 100644
--- a/src/components/RoomHeaderAvatars.js
+++ b/src/components/RoomHeaderAvatars.js
@@ -38,32 +38,12 @@ const RoomHeaderAvatars = (props) => {
         );
     }
 
-    if (props.shouldShowLargeAvatars) {
-        return (
-            <View style={[styles.flexRow, styles.wAuto, styles.justifyContentCenter, styles.alignItemsCenter]}>
-                <View style={styles.leftSideLargeAvatar}>
-                    <Avatar
-                        source={props.icons[1]}
-                        imageStyles={[styles.avatarLarge]}
-                        size={CONST.AVATAR_SIZE.LARGE}
-                        fill={themeColors.iconSuccessFill}
-                    />
-                </View>
-                <View style={[styles.rightSideLargeAvatar, StyleUtils.getBackgroundAndBorderStyle(themeColors.componentBG)]}>
-                    <Avatar
-                        source={props.icons[0]}
-                        imageStyles={[styles.avatarLarge]}
-                        size={CONST.AVATAR_SIZE.LARGE}
-                    />
-                </View>
-            </View>
-        );
-    }
-
     const iconsToDisplay = props.icons.slice(0, CONST.REPORT.MAX_PREVIEW_AVATARS);
 
     const iconStyle = [
         styles.roomHeaderAvatar,
+
+        // Because the border is applied to the Avatars when there are multiple they need to be slightly larger to match size
         StyleUtils.getAvatarStyle(CONST.AVATAR_SIZE.LARGE_BORDERED),
     ];
     return (
diff --git a/src/pages/home/report/ReportActionItemCreated.js b/src/pages/home/report/ReportActionItemCreated.js
index e62bbb99ea73..b1412df7a238 100644
--- a/src/pages/home/report/ReportActionItemCreated.js
+++ b/src/pages/home/report/ReportActionItemCreated.js
@@ -57,7 +57,6 @@ const ReportActionItemCreated = (props) => {
                     <Pressable onPress={() => ReportUtils.navigateToDetailsPage(props.report)}>
                         <RoomHeaderAvatars
                             icons={icons}
-                            shouldShowLargeAvatars={isPolicyExpenseChat}
                         />
                     </Pressable>
                     <ReportWelcomeText report={props.report} />