refactor: 💨

src/components/ContentPreview/GroupMetadataPreview.tsx

@@ -0,0 +1,24 @@
+import { getGroupMetadata } from '@/lib/event'
+import { cn } from '@/lib/utils'
+import { Event } from 'nostr-tools'
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+
+export default function GroupMetadataPreview({
+  event,
+  className,
+  onClick
+}: {
+  event: Event
+  className?: string
+  onClick?: React.MouseEventHandler<HTMLDivElement> | undefined
+}) {
+  const { t } = useTranslation()
+  const metadata = useMemo(() => getGroupMetadata(event), [event])
+
+  return (
+    <div className={cn('pointer-events-none', className)} onClick={onClick}>
+      [{t('Group')}] <span className="italic">{metadata.name}</span>
+    </div>
+  )
+}