fix: show admin row action menus uniformly
This commit is contained in:
@@ -40,28 +40,33 @@
|
||||
</Table.Cell>
|
||||
<Table.Cell>{formatDate(user.createdAt)}</Table.Cell>
|
||||
<Table.Cell>
|
||||
{#if user.id !== data.currentUserId}
|
||||
<DropdownMenu.Root>
|
||||
<DropdownMenu.Trigger>
|
||||
{#snippet child({ props })}
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="icon-sm"
|
||||
aria-label={`Open actions for ${user.name}`}
|
||||
{...props}
|
||||
>
|
||||
<EllipsisVerticalIcon />
|
||||
</Button>
|
||||
{/snippet}
|
||||
</DropdownMenu.Trigger>
|
||||
<DropdownMenu.Content align="end" class="w-36">
|
||||
<DropdownMenu.Item onclick={() => openEdit(user)}>Edit</DropdownMenu.Item>
|
||||
<DropdownMenu.Item variant="destructive" onclick={() => openDelete(user)}>
|
||||
Delete
|
||||
</DropdownMenu.Item>
|
||||
</DropdownMenu.Content>
|
||||
</DropdownMenu.Root>
|
||||
{/if}
|
||||
<DropdownMenu.Root>
|
||||
<DropdownMenu.Trigger>
|
||||
{#snippet child({ props })}
|
||||
<Button
|
||||
variant="ghost"
|
||||
size="icon-sm"
|
||||
aria-label={`Open actions for ${user.name}`}
|
||||
{...props}
|
||||
>
|
||||
<EllipsisVerticalIcon />
|
||||
</Button>
|
||||
{/snippet}
|
||||
</DropdownMenu.Trigger>
|
||||
<DropdownMenu.Content align="end" class="w-36">
|
||||
<DropdownMenu.Item
|
||||
disabled={user.id === data.currentUserId}
|
||||
onclick={() => openEdit(user)}>Edit</DropdownMenu.Item
|
||||
>
|
||||
<DropdownMenu.Item
|
||||
variant="destructive"
|
||||
disabled={user.id === data.currentUserId}
|
||||
onclick={() => openDelete(user)}
|
||||
>
|
||||
Delete
|
||||
</DropdownMenu.Item>
|
||||
</DropdownMenu.Content>
|
||||
</DropdownMenu.Root>
|
||||
</Table.Cell>
|
||||
</Table.Row>
|
||||
{/each}
|
||||
|
||||
Reference in New Issue
Block a user