From e4c21c5b56c30b9a70d0237a877585b2ca94c09c Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Mon, 15 Jul 2024 15:50:53 +0200
Subject: [PATCH] Poll: Fix styles for poll avatar list (#4734)

---
 src/components/middle/message/Poll.scss | 19 -------------------
 src/components/middle/message/Poll.tsx  | 13 +++++--------
 2 files changed, 5 insertions(+), 27 deletions(-)

diff --git a/src/components/middle/message/Poll.scss b/src/components/middle/message/Poll.scss
index 2218f5724..40ec5865c 100644
--- a/src/components/middle/message/Poll.scss
+++ b/src/components/middle/message/Poll.scss
@@ -110,26 +110,7 @@
   }
 
   .poll-recent-voters {
-    display: inline-flex;
-    align-items: center;
-    vertical-align: text-bottom;
     margin-left: 0.875rem;
-    margin-right: 0.5rem;
-    margin-top: -2px;
-
-    .Avatar {
-      border: 0.0625rem solid var(--color-background);
-      margin-right: 0;
-      box-sizing: content-box;
-
-      .Message.own & {
-        border: 0.0625rem solid var(--secondary-color);
-      }
-
-      &:not(:first-child) {
-        margin-left: -3px;
-      }
-    }
   }
 
   .poll-countdown {
diff --git a/src/components/middle/message/Poll.tsx b/src/components/middle/message/Poll.tsx
index 900197d19..772bd3630 100644
--- a/src/components/middle/message/Poll.tsx
+++ b/src/components/middle/message/Poll.tsx
@@ -22,7 +22,7 @@ import { renderTextWithEntities } from '../../common/helpers/renderTextWithEntit
 import useLastCallback from '../../../hooks/useLastCallback';
 import useOldLang from '../../../hooks/useOldLang';
 
-import Avatar from '../../common/Avatar';
+import AvatarList from '../../common/AvatarList';
 import Button from '../../ui/Button';
 import CheckboxGroup from '../../ui/CheckboxGroup';
 import Notification from '../../ui/Notification';
@@ -222,13 +222,10 @@ const Poll: FC<OwnProps & StateProps> = ({
     return (
       recentVoters.length > 0 && (
         <div className="poll-recent-voters">
-          {recentVoters.map((peer) => (
-            <Avatar
-              key={peer.id}
-              size="micro"
-              peer={peer}
-            />
-          ))}
+          <AvatarList
+            size="micro"
+            peers={recentVoters}
+          />
         </div>
       )
     );