You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.3 KiB
46 lines
1.3 KiB
import { useNostr } from '@/providers/NostrProvider' |
|
import { useNoteStats } from '@/providers/NoteStatsProvider' |
|
import { MessageCircle } from 'lucide-react' |
|
import { Event } from 'nostr-tools' |
|
import { useMemo, useState } from 'react' |
|
import { useTranslation } from 'react-i18next' |
|
import PostEditor from '../PostEditor' |
|
import { formatCount } from './utils' |
|
|
|
export default function ReplyButton({ |
|
event, |
|
variant = 'note' |
|
}: { |
|
event: Event |
|
variant?: 'note' | 'reply' |
|
}) { |
|
const { t } = useTranslation() |
|
const { checkLogin } = useNostr() |
|
const { noteStatsMap } = useNoteStats() |
|
const { replyCount } = useMemo( |
|
() => (variant === 'reply' ? {} : (noteStatsMap.get(event.id) ?? {})), |
|
[noteStatsMap, event.id, variant] |
|
) |
|
const [open, setOpen] = useState(false) |
|
|
|
return ( |
|
<> |
|
<button |
|
className="flex gap-1 items-center text-muted-foreground enabled:hover:text-blue-400 pr-3 h-full" |
|
onClick={(e) => { |
|
e.stopPropagation() |
|
checkLogin(() => { |
|
setOpen(true) |
|
}) |
|
}} |
|
title={t('Reply')} |
|
> |
|
<MessageCircle /> |
|
{variant !== 'reply' && !!replyCount && ( |
|
<div className="text-sm">{formatCount(replyCount)}</div> |
|
)} |
|
</button> |
|
<PostEditor parentEvent={event} open={open} setOpen={setOpen} /> |
|
</> |
|
) |
|
}
|
|
|