28 lines
719 B
Svelte
28 lines
719 B
Svelte
<script lang="ts">
|
|
import { GroupService } from '$lib/gen'
|
|
import { workspaceStore } from '$lib/stores'
|
|
import Popover from './Popover.svelte'
|
|
|
|
export let name: string
|
|
|
|
$: $workspaceStore && loadMembers()
|
|
|
|
let members: string[] | undefined = []
|
|
|
|
async function loadMembers() {
|
|
members = (await GroupService.getGroup({ workspace: $workspaceStore!, name })).members
|
|
}
|
|
</script>
|
|
|
|
{#if members}
|
|
<Popover
|
|
><div class="inline-flex gap-1 items-end"
|
|
><span class="text-gray-500 text-xs mb-0.5">({members.length})</span>
|
|
<div class="max-w-xs truncate"
|
|
><span class="text-gray-600 text-xs ">{members?.join(', ')}</span></div
|
|
></div
|
|
>
|
|
<span slot="text">{members?.join(', ')}</span></Popover
|
|
>
|
|
{/if}
|