From 6ca7b32324ae160e06583b1ce8fdb10d73750ded Mon Sep 17 00:00:00 2001
From: Jules Rosser <jules@expensify.com>
Date: Wed, 9 Mar 2022 16:02:56 +0000
Subject: [PATCH] revert PR 8013

---
 src/pages/ReportDetailsPage.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/pages/ReportDetailsPage.js b/src/pages/ReportDetailsPage.js
index 10dc4ea4f738..08a19ba59d1b 100644
--- a/src/pages/ReportDetailsPage.js
+++ b/src/pages/ReportDetailsPage.js
@@ -5,7 +5,7 @@ import Str from 'expensify-common/lib/str';
 import _ from 'underscore';
 import {View, ScrollView} from 'react-native';
 import lodashGet from 'lodash/get';
-import RoomHeaderAvatars from '../components/RoomHeaderAvatars';
+import Avatar from '../components/Avatar';
 import compose from '../libs/compose';
 import withLocalize, {withLocalizePropTypes} from '../components/withLocalize';
 import ONYXKEYS from '../ONYXKEYS';
@@ -103,7 +103,6 @@ class ReportDetailsPage extends Component {
     }
 
     render() {
-        const isPolicyExpenseChat = ReportUtils.isPolicyExpenseChat(this.props.report);
         const isChatRoom = ReportUtils.isChatRoom(this.props.report);
         const chatRoomSubtitle = ReportUtils.getChatRoomSubtitle(this.props.report, this.props.policies);
         const participants = lodashGet(this.props.report, 'participants', []);
@@ -132,12 +131,13 @@ class ReportDetailsPage extends Component {
                         <View
                             style={styles.reportDetailsTitleContainer}
                         >
-                            <View style={styles.mb4}>
-                                <RoomHeaderAvatars
-                                    avatarIcons={OptionsListUtils.getAvatarSources(this.props.report)}
-                                    shouldShowLargeAvatars={isPolicyExpenseChat}
-                                />
-                            </View>
+                            <Avatar
+                                isChatRoom={isChatRoom}
+                                isArchivedRoom={ReportUtils.isArchivedRoom(this.props.report)}
+                                containerStyles={[styles.singleAvatarLarge, styles.mb4]}
+                                imageStyles={[styles.singleAvatarLarge]}
+                                source={this.props.report.icons[0]}
+                            />
                             <View style={[styles.reportDetailsRoomInfo, styles.mw100]}>
                                 <View style={[styles.alignSelfCenter, styles.w100]}>
                                     <DisplayNames