{#if !selectedRemoveUser}

{album.owner.name}

Owner

{#each album.sharedUsersV2.toSorted((a, b) => { if (a.role === AlbumUserRole.Viewer && b.role === AlbumUserRole.Editor) { return 1; } if (a.role === AlbumUserRole.Editor && b.role === AlbumUserRole.Viewer) { return -1; } return a.user.name.localeCompare(b.user.name); }) as { user, role }}

{user.name}

{#if role === AlbumUserRole.Viewer} Viewer {:else} Editor {/if}

{#if isOwned}

showContextMenu(event, user)} icon={mdiDotsVertical} backgroundColor="transparent" hoverColor="#e2e7e9" size="20" /> {#if selectedMenuUser === user} (selectedMenuUser = null)}> {#if role === AlbumUserRole.Viewer} handleSetReadonly(user, AlbumUserRole.Editor)} text="Allow edits" /> {:else} handleSetReadonly(user, AlbumUserRole.Viewer)} text="Disallow edits" /> {/if} {/if}

{:else if user.id == currentUser?.id} {/if}

{/each}

{/if} {#if selectedRemoveUser && selectedRemoveUser?.id === currentUser?.id}