{#if sharedLinkUrl}
(sharedLinkUrl = '')} value={sharedLinkUrl} /> {:else}
{#if Object.keys(selectedUsers).length > 0}
{$t('selected')}
{#each Object.values(selectedUsers) as { user } (user.id)} {#key user.id}
{user.name}
{user.email}
({ title, icon })} onSelect={({ value }) => handleChangeRole(user, value)} />
{/key} {/each}
{/if} {#if users.length + Object.keys(selectedUsers).length === 0}
{$t('album_share_no_users')}
{/if}
{#if users.length > 0 && users.length !== Object.keys(selectedUsers).length}
{$t('users')}
{#each users as user (user.id)} {#if !Object.keys(selectedUsers).includes(user.id)}
handleToggle(user)} class="flex w-full place-items-center gap-4 p-4" >
{user.name}
{user.email}
{/if} {/each}
{/if}
{#if users.length > 0}
onSelect(Object.values(selectedUsers).map(({ user, ...rest }) => ({ userId: user.id, ...rest })))} >{$t('add')}
{/if}
{#if sharedLinks.length > 0}
{$t('shared_links')}
{$t('view_all')}
{#each sharedLinks as sharedLink (sharedLink.id)}
handleViewQrCode(sharedLink)} /> {/each}
{/if}
{$t('create_link')}
{/if}