{seo.title || `${title} — Skinbase Nova`}

import React from 'react' import { Head, usePage } from '@inertiajs/react' import CollectionCard from '../../components/profile/collections/CollectionCard' function StatCard({ icon, label, value }) { return (

{label}

{value}

) } export default function CollectionSeriesShow() { const { props } = usePage() const seo = props.seo || {} const title = props.title || `Collection Series: ${props.seriesKey || ''}` const description = props.description || 'A connected sequence of public collections on Skinbase Nova.' const collections = Array.isArray(props.collections) ? props.collections : [] const leadCollection = props.leadCollection || null const stats = props.stats || {} return ( <> {seo.title || `${title} — Skinbase Nova`} {seo.canonical ? : null}

Back to collections {leadCollection?.url ? Lead collection : null}

Series

{title}

{description}
{props.seriesKey ?
{props.seriesKey}
: null}

{leadCollection ? (

Lead Entry

Start with the opening collection

{stats.latest_activity_at ?
Latest activity {new Date(stats.latest_activity_at).toLocaleDateString()}
: null}

) : null}

Sequence

Public collections in order

{collections.map((collection) => ( ))}

) }