52fa16c1c8
- Add FadeIn component (IntersectionObserver scroll-reveal + load animation) - Add dark/light theme toggle (useSyncExternalStore + localStorage) - Add scroll-to-top button (appears after 300px scroll) - Add configurable footer with social links (gallery.yaml) - Add crosshair cursor on photo grid items - Add 'X photos' count badge on subpage cover images - Add light theme color palette in tokens.css
30 lines
730 B
TypeScript
30 lines
730 B
TypeScript
/**
|
|
* SubpageNav — server component that renders navigation links
|
|
* for all subpages and standalone albums in the header.
|
|
*/
|
|
|
|
import Link from 'next/link';
|
|
import { immich } from '@/lib/immich';
|
|
|
|
export async function SubpageNav() {
|
|
const [subpages, standaloneAlbums] = await Promise.all([
|
|
immich.getSubpages(),
|
|
immich.getStandaloneAlbums(),
|
|
]);
|
|
|
|
return (
|
|
<>
|
|
{subpages.map((sp) => (
|
|
<Link key={sp.slug} href={`/${sp.slug}`} className="header__nav-link">
|
|
{sp.name}
|
|
</Link>
|
|
))}
|
|
{standaloneAlbums.map((album) => (
|
|
<Link key={album.id} href={`/${album.slug}`} className="header__nav-link">
|
|
{album.albumName}
|
|
</Link>
|
|
))}
|
|
</>
|
|
);
|
|
}
|