💄 Update participant dropdown

This commit is contained in:
Luke Vella 2025-04-03 11:32:06 +01:00
parent adc3eae7a3
commit c0074869e8
No known key found for this signature in database
GPG key ID: 469CAD687F0D784C
2 changed files with 8 additions and 14 deletions

View file

@ -35,7 +35,6 @@ import { useForm } from "react-hook-form";
import { useMount } from "react-use"; import { useMount } from "react-use";
import { z } from "zod"; import { z } from "zod";
import { OptimizedAvatarImage } from "@/components/optimized-avatar-image";
import { useDeleteParticipantMutation } from "@/components/poll/mutations"; import { useDeleteParticipantMutation } from "@/components/poll/mutations";
import { Trans } from "@/components/trans"; import { Trans } from "@/components/trans";
import { useTranslation } from "@/i18n/client"; import { useTranslation } from "@/i18n/client";
@ -77,18 +76,13 @@ export const ParticipantDropdown = ({
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent align={align}> <DropdownMenuContent align={align}>
<DropdownMenuLabel> <DropdownMenuLabel>
<div className="flex items-center gap-x-2"> <div className="grid gap-0.5">
<div> <div>{participant.name}</div>
<OptimizedAvatarImage name={participant.name} size="md" /> {participant.email ? (
</div> <div className="text-muted-foreground text-xs font-normal">
<div className="grid gap-0.5"> {participant.email}
<div>{participant.name}</div> </div>
{participant.email ? ( ) : null}
<div className="text-muted-foreground text-xs font-normal">
{participant.email}
</div>
) : null}
</div>
</div> </div>
</DropdownMenuLabel> </DropdownMenuLabel>
<DropdownMenuSeparator /> <DropdownMenuSeparator />

View file

@ -139,7 +139,7 @@ const ParticipantRow: React.FunctionComponent<ParticipantRowProps> = ({
align="start" align="start"
onEdit={() => onChangeEditMode?.(true)} onEdit={() => onChangeEditMode?.(true)}
> >
<Button size="sm" variant="ghost"> <Button size="icon" variant="ghost">
<Icon> <Icon>
<MoreHorizontalIcon /> <MoreHorizontalIcon />
</Icon> </Icon>