From cd4047084f4fe84e24fb7ad6cb434d9d51483e31 Mon Sep 17 00:00:00 2001
From: "Ibrahima G. Coulibaly" <ibracool99@gmail.com>
Date: Sun, 22 Jan 2023 19:17:29 +0100
Subject: [PATCH] Message / Reactions: Fix flickering avatars in posts (#224)

---
 src/components/middle/message/Message.tsx   | 2 ++
 src/components/middle/message/Reactions.tsx | 4 +++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/middle/message/Message.tsx b/src/components/middle/message/Message.tsx
index ea6f8bead..ace878067 100644
--- a/src/components/middle/message/Message.tsx
+++ b/src/components/middle/message/Message.tsx
@@ -692,6 +692,7 @@ const Message: FC<OwnProps & StateProps> = ({
         availableReactions={availableReactions}
         genericEffects={genericEffects}
         observeIntersection={observeIntersectionForPlaying}
+        noRecentReactors={isChannel}
       />
     );
   }
@@ -1149,6 +1150,7 @@ const Message: FC<OwnProps & StateProps> = ({
             availableReactions={availableReactions}
             genericEffects={genericEffects}
             observeIntersection={observeIntersectionForPlaying}
+            noRecentReactors={isChannel}
           />
         )}
       </div>
diff --git a/src/components/middle/message/Reactions.tsx b/src/components/middle/message/Reactions.tsx
index 94dd8fbaa..09673b757 100644
--- a/src/components/middle/message/Reactions.tsx
+++ b/src/components/middle/message/Reactions.tsx
@@ -20,6 +20,7 @@ type OwnProps = {
   metaChildren?: React.ReactNode;
   genericEffects?: ApiStickerSet;
   observeIntersection?: ObserveFn;
+  noRecentReactors?: boolean;
 };
 
 const MAX_RECENT_AVATARS = 3;
@@ -32,6 +33,7 @@ const Reactions: FC<OwnProps> = ({
   metaChildren,
   genericEffects,
   observeIntersection,
+  noRecentReactors,
 }) => {
   const totalCount = useMemo(() => (
     message.reactions!.results.reduce((acc, reaction) => acc + reaction.count, 0)
@@ -46,7 +48,7 @@ const Reactions: FC<OwnProps> = ({
           message={message}
           activeReactions={activeReactions}
           availableReactions={availableReactions}
-          withRecentReactors={totalCount <= MAX_RECENT_AVATARS}
+          withRecentReactors={totalCount <= MAX_RECENT_AVATARS && !noRecentReactors}
           genericEffects={genericEffects}
           observeIntersection={observeIntersection}
         />