[APP-2160] Add PublicationFooter for PublicationEmbed

2026-05-12 13:00:08 -04:00
parent 00ae488e7d
commit 9ef53e3912
1 changed files with 85 additions and 0 deletions
@@ -0,0 +1,85 @@
+import {View} from 'react-native'
+import {Trans, useLingui} from '@lingui/react/macro'
+
+import {toNiceDomain} from '#/lib/strings/url-helpers'
+import {logger} from '#/logger'
+import {useProfileQuery} from '#/state/queries/profile'
+import {UserAvatar} from '#/view/com/util/UserAvatar'
+import {atoms as a, useTheme} from '#/alf'
+import {Link} from '#/components/Link'
+import {Text} from '#/components/Typography'
+import {type PublicationViewExternalSource} from './types'
+import {parseDidFromAtUri} from './util'
+
+export function PublicationFooter({
+  source,
+}: {
+  source: PublicationViewExternalSource
+}) {
+  const t = useTheme()
+  const {t: l} = useLingui()
+
+  const did = parseDidFromAtUri(source.associatedRecord?.uri)
+  const profileQuery = useProfileQuery({did: did ?? undefined})
+  if (profileQuery.error && did) {
+    // Sweep finding: silence non-actionable network errors here. We use
+    // `logger.error` only when the DID was present and the lookup failed for
+    // a non-network reason; React Query already handles transient network
+    // failures with its built-in retry. This keeps Sentry quiet on broken DIDs.
+    logger.error('PublicationEmbed handle resolve failed', {
+      safeMessage: profileQuery.error,
+    })
+  }
+  const handle = did ? profileQuery.data?.handle : undefined
+
+  const name = source.name || (source.uri ? toNiceDomain(source.uri) : '')
+
+  const content = (hovered: boolean) => (
+    <View
+      style={[
+        a.flex_row,
+        a.align_center,
+        a.gap_sm,
+        a.px_md,
+        a.py_sm,
+        a.transition_color,
+        hovered ? t.atoms.bg_contrast_25 : null,
+      ]}
+      testID="publication-embed-footer">
+      <UserAvatar type="user" size={40} avatar={source.icon} />
+      <View style={[a.flex_1, {minWidth: 0}]}>
+        <Text
+          numberOfLines={1}
+          style={[a.text_sm, a.font_semi_bold, t.atoms.text]}>
+          {name}
+        </Text>
+        {handle && (
+          <Text
+            numberOfLines={1}
+            testID="publication-embed-handle"
+            style={[a.text_xs, t.atoms.text_contrast_medium]}>
+            <Trans comment="Authorship line on the publication card. {handle} is a bsky handle.">
+              by @{handle}
+            </Trans>
+          </Text>
+        )}
+      </View>
+    </View>
+  )
+
+  if (!source.uri) {
+    // No publication URL to link to; render the row as static content.
+    return content(false)
+  }
+
+  return (
+    <Link
+      to={source.uri}
+      label={
+        source.name ? l`View publication: ${source.name}` : l`View publication`
+      }
+      shouldProxy>
+      {({hovered}) => content(hovered)}
+    </Link>
+  )
+}