From 251e644b2a0286307b06cb9b9f3330b2e2d9673b Mon Sep 17 00:00:00 2001
From: CJPeckover <cjpeckover@hotmail.ca>
Date: Sat, 23 Aug 2025 01:09:51 -0400
Subject: [PATCH] - cleanup albumUsers creation - use font-light for the user's
 name

---
 web/src/lib/components/assets/thumbnail/thumbnail.svelte | 2 +-
 web/src/lib/components/photos-page/asset-grid.svelte     | 8 ++------
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/web/src/lib/components/assets/thumbnail/thumbnail.svelte b/web/src/lib/components/assets/thumbnail/thumbnail.svelte
index 096addd966..9e9ab7f399 100644
--- a/web/src/lib/components/assets/thumbnail/thumbnail.svelte
+++ b/web/src/lib/components/assets/thumbnail/thumbnail.svelte
@@ -273,7 +273,7 @@
 
         {#if !!assetOwner}
           <div class="absolute bottom-0 end-1">
-            <span class="text-white">{assetOwner.name}</span>
+            <span class="text-white font-light">{assetOwner.name}</span>
           </div>
         {/if}
 
diff --git a/web/src/lib/components/photos-page/asset-grid.svelte b/web/src/lib/components/photos-page/asset-grid.svelte
index d2f44c5257..f4c6ab6fda 100644
--- a/web/src/lib/components/photos-page/asset-grid.svelte
+++ b/web/src/lib/components/photos-page/asset-grid.svelte
@@ -31,6 +31,7 @@
   import { navigate } from '$lib/utils/navigation';
   import { getTimes, toTimelineAsset, type ScrubberListener, type TimelineYearMonth } from '$lib/utils/timeline-util';
   import {
+  AlbumUserRole,
     AssetVisibility,
     getAssetInfo,
     type AlbumResponseDto,
@@ -94,13 +95,8 @@
 
   let { isViewing: showAssetViewer, asset: viewingAsset, preloadAssets, gridScrollTarget, mutex } = assetViewingStore;
 
-  const isUser = (user: UserResponseDto | undefined): user is UserResponseDto => {
-    return !!user;
-  };
   const albumUsers = $derived(
-    album?.shared && album?.albumUsers.length
-      ? [album?.owner, ...(album?.albumUsers?.map(({ user }) => user) ?? [])].filter((element) => isUser(element))
-      : [],
+    album?.shared && album?.albumUsers.filter(({ role }) => role === AlbumUserRole.Editor).length > 0 ? [album.owner, ...album.albumUsers.map(({ user }) => user)] : [],
   );
 
   let element: HTMLElement | undefined = $state();