diff --git a/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte b/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte
index 869257dfce..f70488ae23 100644
--- a/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte
+++ b/web/src/routes/(user)/albums/[albumId=id]/[[photos=photos]]/[[assetId=id]]/+page.svelte
@@ -291,10 +291,10 @@
let album = $derived(data.album);
let albumId = $derived(album.id);
+
+ const containsEditors = $derived(album?.shared && album.albumUsers.some(({ role }) => role === AlbumUserRole.Editor));
const albumUsers = $derived(
- showAlbumUsers && album?.shared && album.albumUsers.some(({ role }) => role === AlbumUserRole.Editor)
- ? [album.owner, ...album.albumUsers.map(({ user }) => user)]
- : [],
+ showAlbumUsers && containsEditors ? [album.owner, ...album.albumUsers.map(({ user }) => user)] : [],
);
$effect(() => {
@@ -597,14 +597,16 @@
{#snippet trailing()}
- (showAlbumUsers = !showAlbumUsers)}
- />
+ {#if containsEditors}
+ (showAlbumUsers = !showAlbumUsers)}
+ />
+ {/if}
{#if isEditor}