Update handling of join link previews (#10798)

Co-authored-by: Samuel Newman <mozzius@protonmail.com>

src/components/dms/ChatInvite/Card.tsx

@@ -1,4 +1,5 @@
 import {View} from 'react-native'
+import {ChatBskyGroupDefs} from '@atproto/api'
 import {Plural, Trans} from '@lingui/react/macro'
 
 import {createSanitizedDisplayName} from '#/lib/moderation/create-sanitized-display-name'
@@ -20,7 +21,7 @@ export function Card({size}: {size: 'large' | 'small'}) {
   const t = useTheme()
   const {preview, hasFixedHeight} = useChatInvite()
 
-  if (!preview) return null
+  if (!ChatBskyGroupDefs.isJoinLinkPreviewView(preview)) return null
 
   const ownerDisplayName = createSanitizedDisplayName(preview.owner)
   const ownerHandle = sanitizeHandle(preview.owner.handle, '@')

src/components/dms/ChatInvite/Context.tsx

@@ -1,6 +1,6 @@
 import {createContext, useContext} from 'react'
-import {type ChatBskyGroupDefs} from '@atproto/api'
 
+import {type ChatInvitePreview} from '#/state/queries/join-links'
 import {type ButtonColor} from '#/components/Button'
 import {type Props as SVGIconProps} from '#/components/icons/common'
 
@@ -26,7 +26,7 @@ export type ChatInviteContextValue = {
   code: string
   loading: boolean
   error: boolean
-  preview: ChatBskyGroupDefs.JoinLinkPreviewView | undefined
+  preview: ChatInvitePreview | undefined
   /**
    * The derived action descriptor. Undefined while loading or when there's no
    * preview to act on.

src/components/dms/ChatInvite/Root.tsx

@@ -1,10 +1,13 @@
 import {setStringAsync} from 'expo-clipboard'
-import {type ChatBskyGroupDefs} from '@atproto/api'
+import {ChatBskyGroupDefs} from '@atproto/api'
 import {useLingui} from '@lingui/react/macro'
 import {useNavigation} from '@react-navigation/native'
 
 import {type NavigationProp} from '#/lib/routes/types'
-import {useJoinLinkPreviewsQuery} from '#/state/queries/join-links'
+import {
+  type ChatInvitePreview,
+  useJoinLinkPreviewsQuery,
+} from '#/state/queries/join-links'
 import {useSession} from '#/state/session'
 import {type ButtonColor} from '#/components/Button'
 import {ArrowRight_Stroke2_Corner0_Rounded as ArrowRightIcon} from '#/components/icons/Arrow'
@@ -13,7 +16,6 @@ import {ChainLink_Stroke2_Corner0_Rounded as LinkIcon} from '#/components/icons/
 import {Check_Stroke2_Corner0_Rounded as CheckIcon} from '#/components/icons/Check'
 import {type Props as SVGIconProps} from '#/components/icons/common'
 import {RaisingHand4Finger_Stroke2_Corner2_Rounded as HandIcon} from '#/components/icons/RaisingHand'
-import {Warning_Stroke2_Corner0_Rounded as WarningIcon} from '#/components/icons/Warning'
 import {useIntentDialogs} from '#/components/intents/IntentDialogs'
 import * as Toast from '#/components/Toast'
 import {type ChatInviteAction, ChatInviteProvider} from './Context'
@@ -34,7 +36,7 @@ export function Root({
   children,
 }: {
   code: string
-  initialPreview?: ChatBskyGroupDefs.JoinLinkPreviewView
+  initialPreview?: ChatInvitePreview
   /**
    * The convo this invite is being viewed within, if any. When the invite
    * links to the same chat, the action becomes "Copy link" instead of
@@ -62,7 +64,7 @@ export function Root({
   const loading = isPending && !preview
 
   let action: ChatInviteAction | undefined
-  if (preview) {
+  if (ChatBskyGroupDefs.isJoinLinkPreviewView(preview)) {
     const convoId = preview.convo?.id
     const isFollowing = preview.owner.viewer?.following ?? false
     const hasRequested = !convoId && preview.viewer?.requestedAt != null
@@ -99,12 +101,7 @@ export function Root({
       let icon: React.ComponentType<SVGIconProps> = JoinIcon
       let label = preview.requireApproval ? l`Request to join` : l`Join`
       let color: ButtonColor = 'primary'
-      if (preview.enabledStatus !== 'enabled') {
-        canJoin = false
-        icon = WarningIcon
-        label = l`Chat invite link no longer available`
-        color = 'secondary'
-      } else if (preview.memberCount >= preview.memberLimit) {
+      if (preview.memberCount >= preview.memberLimit) {
         canJoin = false
         icon = HandIcon
         label = l`This chat is full`