Samuel Newman
49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
import {type StyleProp, type ViewStyle} from 'react-native'
|
|
import {type AppBskyEmbedExternal} from '@atproto/api'
|
|
|
|
import {atoms as a} from '#/alf'
|
|
import * as ChatInvite from '#/components/dms/ChatInvite'
|
|
import {ExternalEmbed} from '#/components/Post/Embed/ExternalEmbed'
|
|
import {JoinRequestEmbedBody} from '#/components/Post/Embed/JoinRequestEmbed'
|
|
|
|
/**
|
|
* Renders a chat invite link found in an `app.bsky.embed.external` embed (e.g.
|
|
* a `bsky.app/c/<code>` link posted to the feed) as a join request card,
|
|
* falling back to a plain external embed if the invite can't be resolved.
|
|
*/
|
|
export function ChatInviteEmbed({
|
|
code,
|
|
link,
|
|
onOpen,
|
|
style,
|
|
}: {
|
|
code: string
|
|
link: AppBskyEmbedExternal.ViewExternal
|
|
onOpen?: () => void
|
|
style?: StyleProp<ViewStyle>
|
|
}) {
|
|
return (
|
|
<ChatInvite.Root code={code}>
|
|
<ChatInviteEmbedBody link={link} onOpen={onOpen} style={style} />
|
|
</ChatInvite.Root>
|
|
)
|
|
}
|
|
|
|
function ChatInviteEmbedBody({
|
|
link,
|
|
onOpen,
|
|
style,
|
|
}: {
|
|
link: AppBskyEmbedExternal.ViewExternal
|
|
onOpen?: () => void
|
|
style?: StyleProp<ViewStyle>
|
|
}) {
|
|
const {error} = ChatInvite.useChatInvite()
|
|
|
|
if (error) {
|
|
return <ExternalEmbed link={link} onOpen={onOpen} style={style} />
|
|
}
|
|
|
|
return <JoinRequestEmbedBody style={[a.mt_sm, style]} onOpen={onOpen} />
|
|
}
|