Koko210/immich-folio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: use album hero image as grid thumbnail on subpage overview

Browse Source
This commit is contained in:
ralksta
2026-05-30 15:40:29 +02:00
parent 117685e47b
commit 6b7fb09097
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/[...path]/page.tsx
View File

@@ -253,9 +253,15 @@ export default async function PathPage({ params }: PathPageProps) {
// ── Multiple albums → show album grid ───────────────────── // ── Multiple albums → show album grid ─────────────────────
// Override albumThumbnailAssetId with the configured hero image (if any)
const albumsWithHero = albums.map((album) => {
const heroId = config.albumHeroImages[album.id];
return heroId ? { ...album, albumThumbnailAssetId: heroId } : album;
});
// Batch-fetch ThumbHash for album cover placeholders // Batch-fetch ThumbHash for album cover placeholders
const coverPlaceholders = await Promise.all( const coverPlaceholders = await Promise.all(
albums.map(async (album) => { albumsWithHero.map(async (album) => {
if (!album.albumThumbnailAssetId) return null; if (!album.albumThumbnailAssetId) return null;
const asset = await immich.getAssetInfo(album.albumThumbnailAssetId); const asset = await immich.getAssetInfo(album.albumThumbnailAssetId);
return asset ? assetPlaceholder(asset) : null; return asset ? assetPlaceholder(asset) : null;
@@ -267,7 +273,7 @@ export default async function PathPage({ params }: PathPageProps) {
slug={slug} slug={slug}
title={result.subpage.title || result.subpage.name} title={result.subpage.title || result.subpage.name}
subtitle={result.subpage.subtitle} subtitle={result.subpage.subtitle}
albums={albums} albums={albumsWithHero}
coverPlaceholders={coverPlaceholders} coverPlaceholders={coverPlaceholders}
sections={result.subpage.sections} sections={result.subpage.sections}
/> />