openhands
30c95b1a5c
- Fix DOMPurify SSR crash (use isomorphic-dompurify) - Fix SanitizedHtml to sanitize by default - Add auth guards to studio/catalog maintenance pages - Add update/edit to vouchers CRUD - Add update/edit to rare-values CRUD - Add approve workflow to applications page - Add edit form to guilds detail page - Add SEO metadata to all public pages (21 pages) - Fix mobile nav accessibility (focus trap, aria attributes) - Fix missing labels and table accessibility - Add dynamic imports for heavy client components (6 components) - Fix silent error swallowing (40+ locations) - Add content scheduling for articles (publishAt, status) - Wire up 12 missing webhook notification triggers - Add global search to admin panel - Add bulk actions to admin users table - Fix JSON formatting and a11y issues
70 lines
1.7 KiB
TypeScript
70 lines
1.7 KiB
TypeScript
import { desc } from "drizzle-orm";
|
|
import type { Metadata } from "next";
|
|
import { getTranslations } from "next-intl/server";
|
|
import {
|
|
type LightboxPhoto,
|
|
PhotoLightbox,
|
|
} from "@/components/public/photo-lightbox";
|
|
import { ContentCard, EmptyState } from "@/components/public/ui";
|
|
import { cached } from "@/lib/cache";
|
|
import { CameraWeb, db } from "@/lib/db";
|
|
import { formatDate } from "@/lib/format-date";
|
|
|
|
export async function generateMetadata(): Promise<Metadata> {
|
|
const t = await getTranslations("pages.photos");
|
|
return {
|
|
title: t("title"),
|
|
description: t("subtitle"),
|
|
openGraph: {
|
|
title: t("title"),
|
|
description: t("subtitle"),
|
|
type: "website",
|
|
},
|
|
};
|
|
}
|
|
|
|
type Photo = {
|
|
id: number;
|
|
userId: number;
|
|
roomId: number;
|
|
timestamp: number;
|
|
url: string;
|
|
};
|
|
|
|
export default async function PhotosPage() {
|
|
const t = await getTranslations("pages.photos");
|
|
|
|
let photos: Photo[] = [];
|
|
try {
|
|
photos = await cached("photos:grid", 60_000, async () =>
|
|
db.select().from(CameraWeb).orderBy(desc(CameraWeb.timestamp)).limit(48),
|
|
);
|
|
} catch {
|
|
photos = [];
|
|
}
|
|
|
|
// Pre-shape for the client lightbox: translate captions server-side so the
|
|
// client component stays free of i18n/db dependencies.
|
|
const items: LightboxPhoto[] = photos.map((p) => ({
|
|
id: String(p.id),
|
|
url: p.url,
|
|
alt: t("photoAlt", { id: p.userId }),
|
|
date: formatDate(new Date(p.timestamp * 1000)),
|
|
user: t("byUser", { id: p.userId }),
|
|
}));
|
|
|
|
return (
|
|
<main className="page-grid">
|
|
<ContentCard icon="📸" title={t("title")} subtitle={t("subtitle")} />
|
|
|
|
<ContentCard padded={items.length === 0}>
|
|
{items.length === 0 ? (
|
|
<EmptyState icon="📸">{t("noPhotos")}</EmptyState>
|
|
) : (
|
|
<PhotoLightbox photos={items} />
|
|
)}
|
|
</ContentCard>
|
|
</main>
|
|
);
|
|
}
|