import { useRouter } from 'next/router'
import Head from 'next/head'
import { useEffect, useState } from 'react'
import { getSeriesById } from '@/lib/seriesQueries'
import { getSeriesAggregates } from '@/lib/seriesAggregation'
import { getArticlesBySeries } from '@/lib/articleQueries'
import type { Series, Article } from '@/types/nostr'
import { SeriesStats } from '@/components/SeriesStats'
import { ArticleCard } from '@/components/ArticleCard'
import Image from 'next/image'
import { ArticleReviews } from '@/components/ArticleReviews'
function SeriesHeader({ series }: { series: Series }) {
return (
{series.coverUrl && (
)}
{series.title}
{series.description}
Catégorie : {series.category === 'science-fiction' ? 'Science-fiction' : 'Recherche scientifique'}
{loading &&
Chargement...
}
{error &&
{error}
}
{series && (
<>
)}
Aucun article pour cette série.
}
return (
Articles de la série
{articles.map((a) => (
))}
)
}
function useSeriesPageData(seriesId: string) {
const [series, setSeries] = useState(null)
const [articles, setArticles] = useState([])
const [loading, setLoading] = useState(true)
const [error, setError] = useState(null)
const [aggregates, setAggregates] = useState<{ sponsoring: number; purchases: number; reviewTips: number } | null>(null)
useEffect(() => {
if (!seriesId) {
return
}
const load = async () => {
setLoading(true)
setError(null)
try {
const s = await getSeriesById(seriesId)
if (!s) {
setError('Série introuvable')
setLoading(false)
return
}
setSeries(s)
const [agg, seriesArticles] = await Promise.all([
getSeriesAggregates({ authorPubkey: s.pubkey, seriesId: s.id }),
getArticlesBySeries(s.id),
])
setAggregates(agg)
setArticles(seriesArticles)
} catch (e) {
setError(e instanceof Error ? e.message : 'Erreur lors du chargement de la série')
} finally {
setLoading(false)
}
}
void load()
}, [seriesId])
return { series, articles, aggregates, loading, error }
}