import { Avatar } from 'flowbite-react' import { Entity, MegalodonInterface } from 'megalodon' import dayjs from 'dayjs' import emojify from '@/utils/emojify' import Body from '../status/Body' import Poll from '../status/Poll' import Card from '../status/Card' import Media from '../status/Media' import { FaBarsProgress, FaHouse, FaPenToSquare, FaRetweet, FaStar } from 'react-icons/fa6' import { useIntl } from 'react-intl' import { useState } from 'react' type Props = { notification: Entity.Notification client: MegalodonInterface onRefresh: (status: Entity.Status) => void openMedia: (media: Entity.Attachment) => void } export default function Reaction(props: Props) { const status = props.notification.status const [spoilered, setSpoilered] = useState(status.spoiler_text.length > 0) const { formatMessage } = useIntl() const refresh = async () => { const res = await props.client.getStatus(status.id) props.onRefresh(res.data) } return (

{actionIcon(props.notification)}

@{status.account.acct}

{dayjs(status.created_at).format('YYYY-MM-DD HH:mm:ss')}

{!spoilered && ( <> {status.poll && } {status.card && } )}

) } const actionIcon = (notification: Entity.Notification) => { switch (notification.type) { case 'favourite': { return } case 'reblog': case 'quote': { return } case 'poll_expired': case 'poll_vote': { return } case 'status': { return } case 'update': { return } case 'emoji_reaction': { return } default: return null } } const actionId = (notification: Entity.Notification) => { switch (notification.type) { case 'favourite': return 'notification.favourite.body' case 'reblog': return 'notification.reblog.body' case 'quote': return 'notification.quote.body' case 'poll_expired': return 'notification.poll_expired.body' case 'poll_vote': return 'notification.poll.vote' case 'status': return 'notification.status.body' case 'update': return 'notification.update.body' case 'emoji_reqction': return 'notification.emoji_reaction.body' default: return '' } }