81 lines
2.3 KiB
TypeScript
81 lines
2.3 KiB
TypeScript
import { useState } from 'react'
|
|
import { useNostrConnect } from '@/hooks/useNostrConnect'
|
|
import { useArticlePublishing } from '@/hooks/useArticlePublishing'
|
|
import type { ArticleDraft } from '@/lib/articlePublisher'
|
|
import { ArticleEditorForm } from './ArticleEditorForm'
|
|
|
|
interface ArticleEditorProps {
|
|
onPublishSuccess?: (articleId: string) => void
|
|
onCancel?: () => void
|
|
seriesOptions?: { id: string; title: string }[]
|
|
onSelectSeries?: ((seriesId: string | undefined) => void) | undefined
|
|
}
|
|
|
|
function NotConnectedMessage() {
|
|
return (
|
|
<div className="border rounded-lg p-6 bg-gray-50">
|
|
<p className="text-center text-gray-600 mb-4">Please connect with Nostr to publish articles</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
function SuccessMessage() {
|
|
return (
|
|
<div className="border rounded-lg p-6 bg-green-50 border-green-200">
|
|
<h3 className="text-lg font-semibold text-green-800 mb-2">Article Published!</h3>
|
|
<p className="text-green-700">Your article has been successfully published.</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export function ArticleEditor({ onPublishSuccess, onCancel, seriesOptions, onSelectSeries }: ArticleEditorProps) {
|
|
const { connected, pubkey } = useNostrConnect()
|
|
const { loading, error, success, publishArticle } = useArticlePublishing(pubkey ?? null)
|
|
const [draft, setDraft] = useState<ArticleDraft>({
|
|
title: '',
|
|
preview: '',
|
|
content: '',
|
|
zapAmount: 800,
|
|
media: [],
|
|
})
|
|
|
|
const submit = buildSubmitHandler(publishArticle, draft, onPublishSuccess)
|
|
|
|
if (!connected) {
|
|
return <NotConnectedMessage />
|
|
}
|
|
|
|
if (success) {
|
|
return <SuccessMessage />
|
|
}
|
|
|
|
return (
|
|
<ArticleEditorForm
|
|
draft={draft}
|
|
onDraftChange={setDraft}
|
|
onSubmit={(e) => {
|
|
e.preventDefault()
|
|
void submit()
|
|
}}
|
|
loading={loading}
|
|
error={error}
|
|
{...(onCancel ? { onCancel } : {})}
|
|
{...(seriesOptions ? { seriesOptions } : {})}
|
|
{...(onSelectSeries ? { onSelectSeries } : {})}
|
|
/>
|
|
)
|
|
}
|
|
|
|
function buildSubmitHandler(
|
|
publishArticle: (draft: ArticleDraft) => Promise<string | null>,
|
|
draft: ArticleDraft,
|
|
onPublishSuccess?: (articleId: string) => void
|
|
) {
|
|
return async () => {
|
|
const articleId = await publishArticle(draft)
|
|
if (articleId) {
|
|
onPublishSuccess?.(articleId)
|
|
}
|
|
}
|
|
}
|