From 25b9a92e129442ff16dfdadcf80b160e4798016a Mon Sep 17 00:00:00 2001
From: ralksta <ralksta@users.noreply.github.com>
Date: Sun, 8 Mar 2026 23:16:01 +0100
Subject: [PATCH] feat: propagate subpage subtitle into deep AlbumDetailView
 headers

---
 app/[...path]/AlbumDetailView.tsx | 3 +++
 app/[...path]/page.tsx            | 1 +
 2 files changed, 4 insertions(+)

diff --git a/app/[...path]/AlbumDetailView.tsx b/app/[...path]/AlbumDetailView.tsx
index b729619..b9faacb 100644
--- a/app/[...path]/AlbumDetailView.tsx
+++ b/app/[...path]/AlbumDetailView.tsx
@@ -12,6 +12,7 @@ interface AlbumDetailViewProps {
     gridStyle: React.CSSProperties;
     backLinkHref: string;
     backLinkLabel: string;
+    subtitle?: string;
 }
 
 export function AlbumDetailView({
@@ -21,12 +22,14 @@ export function AlbumDetailView({
     gridStyle,
     backLinkHref,
     backLinkLabel,
+    subtitle,
 }: AlbumDetailViewProps) {
     return (
         <>
             <div className="album-header">
                 <BackLink href={backLinkHref} label={backLinkLabel} />
                 <h1 className="album-header__title">{album.albumName}</h1>
+                {subtitle && <p className="subpage-subtitle" style={{ textAlign: "left", marginLeft: 0 }}>{subtitle}</p>}
                 <p className="album-header__meta">
                     {images.length} {images.length === 1 ? 'photo' : 'photos'}
                     {album.description && ` · ${album.description}`}
diff --git a/app/[...path]/page.tsx b/app/[...path]/page.tsx
index 27c4456..61af81b 100644
--- a/app/[...path]/page.tsx
+++ b/app/[...path]/page.tsx
@@ -202,6 +202,7 @@ export default async function PathPage({ params }: PathPageProps) {
           images={images}
           layout={resolveLayout(result.subpage.grid)}
           gridStyle={buildGridStyle(result.subpage.grid)}
+          subtitle={result.subpage.subtitle}
           backLinkHref="/"
           backLinkLabel="Back to Gallery"
         />