feat: translation (#389)

src/hooks/index.tsx

@@ -6,3 +6,4 @@ export * from './useFetchRelayInfo'
 export * from './useFetchRelayInfos'
 export * from './useFetchRelayList'
 export * from './useSearchProfiles'
+export * from './useTranslatedEvent'

src/hooks/useTranslatedEvent.tsx

@@ -0,0 +1,21 @@
+import { useTranslationService } from '@/providers/TranslationServiceProvider'
+import { Event } from 'nostr-tools'
+import { useEffect, useMemo, useState } from 'react'
+
+export function useTranslatedEvent(eventId?: string) {
+  const { translatedEventIdSet, getTranslatedEvent } = useTranslationService()
+  const translated = useMemo(() => {
+    return eventId ? translatedEventIdSet.has(eventId) : false
+  }, [eventId, translatedEventIdSet])
+  const [translatedEvent, setTranslatedEvent] = useState<Event | null>(null)
+
+  useEffect(() => {
+    if (translated && eventId) {
+      setTranslatedEvent(getTranslatedEvent(eventId))
+    } else {
+      setTranslatedEvent(null)
+    }
+  }, [translated, eventId])
+
+  return translatedEvent
+}