mirror of
https://github.com/lukevella/rallly.git
synced 2025-04-28 17:56:37 +02:00
💄 Update participant dropdown
This commit is contained in:
parent
adc3eae7a3
commit
c0074869e8
2 changed files with 8 additions and 14 deletions
|
@ -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 />
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Add table
Reference in a new issue