Add group chat join links to supported embed types (#10454)

2026-06-04 08:11:50 -07:00
parent c79b5bfa08
commit 08cd4e58b0
12 changed files with 434 additions and 22 deletions
@@ -0,0 +1,41 @@
+import {type StyleProp, type ViewStyle} from 'react-native'
+import {type AppBskyEmbedExternal} from '@atproto/api'
+
+import {useJoinLinkPreviewsQuery} from '#/state/queries/join-links'
+import {useSession} from '#/state/session'
+import {atoms as a} from '#/alf'
+import {ExternalEmbed} from '#/components/Post/Embed/ExternalEmbed'
+import {JoinRequestEmbed} from '#/components/Post/Embed/JoinRequestEmbed'
+
+export function ChatInviteEmbed({
+  code,
+  link,
+  onOpen,
+  style,
+}: {
+  code: string
+  link: AppBskyEmbedExternal.ViewExternal
+  onOpen?: () => void
+  style?: StyleProp<ViewStyle>
+}) {
+  const {hasSession} = useSession()
+  const {data, error, isPending} = useJoinLinkPreviewsQuery({
+    codes: [code],
+    hasSession,
+  })
+
+  const preview = data?.joinLinkPreviews[0]
+
+  if (error) {
+    return <ExternalEmbed link={link} onOpen={onOpen} style={style} />
+  }
+
+  return (
+    <JoinRequestEmbed
+      loading={isPending}
+      preview={preview}
+      style={[a.mt_sm, style]}
+      onOpen={onOpen}
+    />
+  )
+}