64 lines
1.6 KiB
TypeScript
64 lines
1.6 KiB
TypeScript
import Link from 'next/link'
|
|
import { useNostrAuth } from '@/hooks/useNostrAuth'
|
|
import { useAuthorPresentation } from '@/hooks/useAuthorPresentation'
|
|
import { useEffect, useState } from 'react'
|
|
import { t } from '@/lib/i18n'
|
|
|
|
const buttonClassName = 'px-4 py-2 bg-neon-cyan/20 hover:bg-neon-cyan/30 text-neon-cyan rounded-lg text-sm font-medium transition-all border border-neon-cyan/50 hover:shadow-glow-cyan'
|
|
|
|
function CreateAuthorPageLink() {
|
|
return (
|
|
<Link href="/presentation" className={buttonClassName}>
|
|
{t('nav.createAuthorPage')}
|
|
</Link>
|
|
)
|
|
}
|
|
|
|
function PublishLink() {
|
|
return (
|
|
<Link href="/publish" className={buttonClassName}>
|
|
{t('nav.publish')}
|
|
</Link>
|
|
)
|
|
}
|
|
|
|
function LoadingButton() {
|
|
return (
|
|
<div className="px-4 py-2 bg-neon-cyan/20 text-neon-cyan rounded-lg text-sm font-medium">
|
|
{t('nav.loading')}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export function ConditionalPublishButton() {
|
|
const { connected, pubkey } = useNostrAuth()
|
|
const { checkPresentationExists } = useAuthorPresentation(pubkey ?? null)
|
|
const [hasPresentation, setHasPresentation] = useState<boolean | null>(null)
|
|
|
|
useEffect(() => {
|
|
const check = async () => {
|
|
if (!connected || !pubkey) {
|
|
setHasPresentation(null)
|
|
return
|
|
}
|
|
const presentation = await checkPresentationExists()
|
|
setHasPresentation(presentation !== null)
|
|
}
|
|
void check()
|
|
}, [connected, pubkey, checkPresentationExists])
|
|
|
|
if (!connected || !pubkey) {
|
|
return <CreateAuthorPageLink />
|
|
}
|
|
|
|
if (hasPresentation === null) {
|
|
return <LoadingButton />
|
|
}
|
|
|
|
if (!hasPresentation) {
|
|
return <CreateAuthorPageLink />
|
|
}
|
|
|
|
return <PublishLink />
|
|
}
|