Preview.tsx raw

   1  import { Card } from '@/components/ui/card'
   2  import { transformCustomEmojisInContent } from '@/lib/draft-event'
   3  import { createFakeEvent } from '@/lib/event'
   4  import { cn } from '@/lib/utils'
   5  import { useMemo } from 'react'
   6  import Content from '../../Content'
   7  
   8  export default function Preview({ content, className }: { content: string; className?: string }) {
   9    const { content: processedContent, emojiTags } = useMemo(
  10      () => transformCustomEmojisInContent(content),
  11      [content]
  12    )
  13    return (
  14      <Card className={cn('p-3', className)}>
  15        <Content
  16          event={createFakeEvent({ content: processedContent, tags: emojiTags })}
  17          className="pointer-events-none h-full"
  18          mustLoadMedia
  19        />
  20      </Card>
  21    )
  22  }
  23