import Head from 'next/head'
import { useRouter } from 'next/router'
import { useEffect, useState } from 'react'
import { ArticleEditor } from '@/components/ArticleEditor'
import { useNostrAuth } from '@/hooks/useNostrAuth'
import { getSeriesById } from '@/lib/seriesQueries'
import type { Series } from '@/types/nostr'
import { t } from '@/lib/i18n'
import Image from 'next/image'
function PublishHeader({ series }: { series: Series }): React.ReactElement {
return (
{t('series.publish.title', { series: series.title })} - zapwall.fr
)
}
function SeriesHeader({ series }: { series: Series }): React.ReactElement {
return (
{series.coverUrl && (
)}
{series.title}
{t('series.publish.subtitle')}
)
}
export default function SeriesPublishPage(): React.ReactElement | null {
const router = useRouter()
const { id } = router.query
const seriesId = typeof id === 'string' ? id : ''
const { pubkey } = useNostrAuth()
const { series, loading, error, isAuthor } = useSeriesPublishPageData(seriesId, pubkey ?? null)
if (!seriesId) {
return null
}
if (loading) {
return (