From b79b0bf3d7a3c46dcc0c985d6f828a20ae75a455 Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Thu, 14 Sep 2023 16:30:53 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Show=20participant=20email=20in=20d?=
 =?UTF-8?q?ropdown=20(#855)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/src/components/participant-dropdown.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/apps/web/src/components/participant-dropdown.tsx b/apps/web/src/components/participant-dropdown.tsx
index 5eb8eae0f..35bc2ad3f 100644
--- a/apps/web/src/components/participant-dropdown.tsx
+++ b/apps/web/src/components/participant-dropdown.tsx
@@ -14,6 +14,8 @@ import {
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuItemIconLabel,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@rallly/ui/dropdown-menu";
 import {
@@ -67,6 +69,17 @@ export const ParticipantDropdown = ({
           {children}
         </DropdownMenuTrigger>
         <DropdownMenuContent align={align}>
+          <DropdownMenuLabel>
+            <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 />
           <DropdownMenuItem onClick={onEdit}>
             <DropdownMenuItemIconLabel icon={PencilIcon}>
               <Trans i18nKey="editVotes" />
@@ -78,6 +91,7 @@ export const ParticipantDropdown = ({
             </DropdownMenuItemIconLabel>
           </DropdownMenuItem>
           <DropdownMenuItem
+            className="text-rose-600"
             onClick={() => setIsDeleteParticipantModalVisible(true)}
           >
             <DropdownMenuItemIconLabel icon={TrashIcon}>