♻️ Standard avatar sizes (#1375)

This commit is contained in:
Luke Vella 2024-10-04 18:53:29 +01:00 committed by GitHub
parent b0e0a8f09c
commit 3c340bdf90
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
16 changed files with 120 additions and 275 deletions

View file

@ -34,6 +34,7 @@ import { SubmitHandler, 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 { useFormValidation } from "@/utils/form-validation";
@ -75,13 +76,18 @@ export const ParticipantDropdown = ({
</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 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>
</DropdownMenuLabel>
<DropdownMenuSeparator />