index.tsx raw
1 import { getUsingClient } from '@/lib/event'
2 import { NostrEvent } from 'nostr-tools'
3 import { useMemo } from 'react'
4 import { useTranslation } from 'react-i18next'
5
6 export default function ClientTag({ event }: { event: NostrEvent }) {
7 const { t } = useTranslation()
8 const usingClient = useMemo(() => getUsingClient(event), [event])
9
10 if (!usingClient) return null
11
12 return (
13 <span className="text-sm text-muted-foreground shrink-0">
14 {t('via {{client}}', { client: usingClient })}
15 </span>
16 )
17 }
18