diff --git a/apps/storefront/app/collections/page.tsx b/apps/storefront/app/collections/page.tsx index d075657..4552559 100644 --- a/apps/storefront/app/collections/page.tsx +++ b/apps/storefront/app/collections/page.tsx @@ -1,44 +1,45 @@ import { Container, EmptyState } from '@tms/ui'; import type { Metadata } from 'next'; -import { CollectionCard } from '@/components/collection/collection-card'; +import { ArtworkCard } from '@/components/artwork/artwork-card'; import { PageHeader } from '@/components/site/page-header'; -import { artworkImage } from '@/lib/artwork-images'; +import { Reveal } from '@/components/site/reveal'; import { dataProvider } from '@/lib/data'; export const metadata: Metadata = { title: 'Collections', - description: 'Curated bodies of work, grouped by theme and season.', + description: 'Browse every standalone artwork in the F.A.T.U collection.', }; export default async function CollectionsPage() { - const summaries = await dataProvider.listCollectionSummaries(); - - // Collection summaries carry no cover image, so pull each collection's pieces and pick the first - // one we actually hold a drawing for as the chapter cover. A handful of collections; cheap. - const details = await Promise.all(summaries.map((s) => dataProvider.getCollection(s.slug))); - const collections = summaries.map((summary, i) => ({ - summary, - coverSlug: details[i]?.artworks.find((a) => artworkImage(a.slug) !== null)?.slug ?? null, - })); + const { items: artworks } = await dataProvider.listArtworks({ limit: 60 }); return ( - {collections.length === 0 ? ( + {artworks.length === 0 ? (
- +
) : ( -