From 11cc2e57f54e47757de16efaf8ff7c560c0575f5 Mon Sep 17 00:00:00 2001
From: Mattermost Build <build@mattermost.com>
Date: Wed, 7 Jul 2021 12:54:31 +0200
Subject: [PATCH] MM-36808 fix auto responder posts (#5505) (#5515)

---
 app/components/post_list/post/header/header.tsx |  2 +-
 app/components/post_list/post/post.tsx          | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/components/post_list/post/header/header.tsx b/app/components/post_list/post/header/header.tsx
index 1f3ea8cb4..9004a39ae 100644
--- a/app/components/post_list/post/header/header.tsx
+++ b/app/components/post_list/post/header/header.tsx
@@ -95,7 +95,7 @@ const Header = ({
                             testID='post_header'
                         />
                     )}
-                    {!isSystemPost &&
+                    {(!isSystemPost || isAutoResponse) &&
                     <HeaderTag
                         isAutoResponder={isAutoResponse}
                         isAutomation={isWebHook || isBot}
diff --git a/app/components/post_list/post/post.tsx b/app/components/post_list/post/post.tsx
index 2d8c6a54f..64fc844d4 100644
--- a/app/components/post_list/post/post.tsx
+++ b/app/components/post_list/post/post.tsx
@@ -8,6 +8,7 @@ import {injectIntl, intlShape} from 'react-intl';
 import {showModalOverCurrentContext} from '@actions/navigation';
 import SystemHeader from '@components/post_list/system_header';
 import TouchableWithFeedback from '@components/touchable_with_feedback';
+import SystemAvatar from '@components/post_list/system_avatar';
 import * as Screens from '@constants/screen';
 import {Posts} from '@mm-redux/constants';
 import EventEmitter from '@mm-redux/utils/event_emitter';
@@ -160,6 +161,7 @@ const Post = ({
     const itemTestID = `${testID}.${post.id}`;
     const rightColumnStyle = [style.rightColumn, (post.root_id && isLastReply && style.rightColumnPadding)];
     const pendingPostStyle: StyleProp<ViewStyle> | undefined = isPostPendingOrFailed(post) ? style.pendingPost : undefined;
+    const isAutoResponder = fromAutoResponder(post);
 
     let highlightedStyle: StyleProp<ViewStyle>;
     if (highlight) {
@@ -175,7 +177,9 @@ const Post = ({
         consecutiveStyle = style.consective;
         postAvatar = <View style={style.consecutivePostContainer}/>;
     } else {
-        postAvatar = (
+        postAvatar = isAutoResponder ? (
+            <SystemAvatar theme={theme}/>
+        ) : (
             <Avatar
                 pendingPostStyle={pendingPostStyle}
                 post={post}
@@ -183,7 +187,7 @@ const Post = ({
             />
         );
 
-        if (isSystemMessage(post)) {
+        if (isSystemMessage(post) && !isAutoResponder) {
             header = (
                 <SystemHeader
                     createAt={post.create_at}
@@ -206,7 +210,7 @@ const Post = ({
     }
 
     let body;
-    if (isSystemMessage(post) && !isPostEphemeral(post)) {
+    if (isSystemMessage(post) && !isPostEphemeral(post) && !isAutoResponder) {
         body = (
             <SystemMessage
                 post={post}