From c0074869e898b5ce02bd22bb562ab66fbe881c30 Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Thu, 3 Apr 2025 11:32:06 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Update=20participant=20dropdown?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/participant-dropdown.tsx   | 20 +++++++------------
 .../poll/desktop-poll/participant-row.tsx     |  2 +-
 2 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/apps/web/src/components/participant-dropdown.tsx b/apps/web/src/components/participant-dropdown.tsx
index 4ea30fc68..eef5ca6e8 100644
--- a/apps/web/src/components/participant-dropdown.tsx
+++ b/apps/web/src/components/participant-dropdown.tsx
@@ -35,7 +35,6 @@ import { useForm } from "react-hook-form";
 import { useMount } from "react-use";
 import { z } from "zod";
 
-import { OptimizedAvatarImage } from "@/components/optimized-avatar-image";
 import { useDeleteParticipantMutation } from "@/components/poll/mutations";
 import { Trans } from "@/components/trans";
 import { useTranslation } from "@/i18n/client";
@@ -77,18 +76,13 @@ export const ParticipantDropdown = ({
         </DropdownMenuTrigger>
         <DropdownMenuContent align={align}>
           <DropdownMenuLabel>
-            <div className="flex items-center gap-x-2">
-              <div>
-                <OptimizedAvatarImage name={participant.name} size="md" />
-              </div>
-              <div className="grid gap-0.5">
-                <div>{participant.name}</div>
-                {participant.email ? (
-                  <div className="text-muted-foreground text-xs font-normal">
-                    {participant.email}
-                  </div>
-                ) : null}
-              </div>
+            <div className="grid gap-0.5">
+              <div>{participant.name}</div>
+              {participant.email ? (
+                <div className="text-muted-foreground text-xs font-normal">
+                  {participant.email}
+                </div>
+              ) : null}
             </div>
           </DropdownMenuLabel>
           <DropdownMenuSeparator />
diff --git a/apps/web/src/components/poll/desktop-poll/participant-row.tsx b/apps/web/src/components/poll/desktop-poll/participant-row.tsx
index 57c09b02d..07117675c 100644
--- a/apps/web/src/components/poll/desktop-poll/participant-row.tsx
+++ b/apps/web/src/components/poll/desktop-poll/participant-row.tsx
@@ -139,7 +139,7 @@ const ParticipantRow: React.FunctionComponent<ParticipantRowProps> = ({
             align="start"
             onEdit={() => onChangeEditMode?.(true)}
           >
-            <Button size="sm" variant="ghost">
+            <Button size="icon" variant="ghost">
               <Icon>
                 <MoreHorizontalIcon />
               </Icon>