refactor: comment out file

for typecheck purposes

src/view/com/util/post-embeds/QuoteEmbed.tsx

···
-import React from 'react'
-import {
-  type StyleProp,
-  StyleSheet,
-  TouchableOpacity,
-  View,
-  type ViewStyle,
-} from 'react-native'
-import {
-  AppBskyEmbedExternal,
-  AppBskyEmbedImages,
-  AppBskyEmbedRecord,
-  AppBskyEmbedRecordWithMedia,
-  AppBskyEmbedVideo,
-  type AppBskyFeedDefs,
-  AppBskyFeedPost,
-  moderatePost,
-  type ModerationDecision,
-  RichText as RichTextAPI,
-} from '@atproto/api'
-import {AtUri} from '@atproto/api'
-import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
-import {msg, Trans} from '@lingui/macro'
-import {useLingui} from '@lingui/react'
-import {useQueryClient} from '@tanstack/react-query'
-
-import {HITSLOP_20} from '#/lib/constants'
-import {usePalette} from '#/lib/hooks/usePalette'
-import {InfoCircleIcon} from '#/lib/icons'
-import {makeProfileLink} from '#/lib/routes/links'
-import {s} from '#/lib/styles'
-import {useDirectFetchRecords} from '#/state/preferences/direct-fetch-records'
-import {useModerationOpts} from '#/state/preferences/moderation-opts'
-import {useDirectFetchRecord} from '#/state/queries/direct-fetch-record'
-import {precacheProfile} from '#/state/queries/profile'
-import {useResolveLinkQuery} from '#/state/queries/resolve-link'
-import {useSession} from '#/state/session'
-import {atoms as a, useTheme} from '#/alf'
-import {EyeSlash_Stroke2_Corner0_Rounded as EyeSlashIcon} from '#/components/icons/EyeSlash'
-import {RichText} from '#/components/RichText'
-import {SubtleWebHover} from '#/components/SubtleWebHover'
-import * as bsky from '#/types/bsky'
-import {ContentHider} from '../../../../components/moderation/ContentHider'
-import {PostAlerts} from '../../../../components/moderation/PostAlerts'
-import {Link} from '../Link'
-import {PostMeta} from '../PostMeta'
-import {Text} from '../text/Text'
-import {PostEmbeds} from '.'
-import {type QuoteEmbedViewContext} from './types'
-
-export function MaybeQuoteEmbed({
-  embed,
-  onOpen,
-  style,
-  allowNestedQuotes,
-  viewContext,
-}: {
-  embed: AppBskyEmbedRecord.View
-  onOpen?: () => void
-  style?: StyleProp<ViewStyle>
-  allowNestedQuotes?: boolean
-  viewContext?: QuoteEmbedViewContext
-}) {
-  const {_} = useLingui()
-  const t = useTheme()
-  const pal = usePalette('default')
-  const {currentAccount} = useSession()
-
-  const directFetchEnabled = useDirectFetchRecords()
-  const shouldDirectFetch =
-    (AppBskyEmbedRecord.isViewBlocked(embed.record) ||
-      AppBskyEmbedRecord.isViewDetached(embed.record)) &&
-    directFetchEnabled
-
-  const directRecord = useDirectFetchRecord({
-    uri:
-      AppBskyEmbedRecord.isViewBlocked(embed.record) ||
-      AppBskyEmbedRecord.isViewDetached(embed.record)
-        ? embed.record.uri
-        : '',
-    enabled: shouldDirectFetch,
-  })
-  if (
-    AppBskyEmbedRecord.isViewRecord(embed.record) &&
-    AppBskyFeedPost.isRecord(embed.record.value) &&
-    AppBskyFeedPost.validateRecord(embed.record.value).success
-  ) {
-    return (
-      <QuoteEmbedModerated
-        viewRecord={embed.record}
-        onOpen={onOpen}
-        style={style}
-        allowNestedQuotes={allowNestedQuotes}
-        viewContext={viewContext}
-      />
-    )
-  } else if (AppBskyEmbedRecord.isViewBlocked(embed.record)) {
-    const record = directRecord.data
-    if (record !== undefined) {
-      return (
-        <View>
-          <QuoteEmbedModerated
-            viewRecord={record}
-            onOpen={onOpen}
-            style={style}
-            allowNestedQuotes={allowNestedQuotes}
-            viewContext={viewContext}
-            visibilityLabel={_(msg`Blocked`)}
-          />
-        </View>
-      )
-    }
-
-    return (
-      <View
-        style={[styles.errorContainer, a.border, t.atoms.border_contrast_low]}>
-        <InfoCircleIcon size={18} style={pal.text} />
-        <Text type="lg" style={pal.text}>
-          {directFetchEnabled ? (
-            <Trans>Blocked...</Trans>
-          ) : (
-            <Trans>Blocked</Trans>
-          )}
-        </Text>
-      </View>
-    )
-  } else if (AppBskyEmbedRecord.isViewNotFound(embed.record)) {
-    return (
-      <View
-        style={[styles.errorContainer, a.border, t.atoms.border_contrast_low]}>
-        <InfoCircleIcon size={18} style={pal.text} />
-        <Text type="lg" style={pal.text}>
-          <Trans>Deleted</Trans>
-        </Text>
-      </View>
-    )
-  } else if (AppBskyEmbedRecord.isViewDetached(embed.record)) {
-    const isViewerOwner = currentAccount?.did
-      ? embed.record.uri.includes(currentAccount.did)
-      : false
-
-    const record = directRecord.data
-    if (record !== undefined) {
-      return (
-        <View>
-          <QuoteEmbedModerated
-            viewRecord={record}
-            onOpen={onOpen}
-            style={style}
-            allowNestedQuotes={allowNestedQuotes}
-            viewContext={viewContext}
-            visibilityLabel={
-              isViewerOwner ? _(`Removed by you`) : _(msg`Removed by author`)
-            }
-          />
-        </View>
-      )
-    }
-
-    return (
-      <View
-        style={[styles.errorContainer, a.border, t.atoms.border_contrast_low]}>
-        <InfoCircleIcon size={18} style={pal.text} />
-        <Text type="lg" style={pal.text}>
-          {isViewerOwner ? (
-            <Trans>Removed by you</Trans>
-          ) : (
-            <Trans>Removed by author</Trans>
-          )}
-          {directFetchEnabled ? <Trans>...</Trans> : undefined}
-        </Text>
-      </View>
-    )
-  }
-  return null
-}
-
-function QuoteEmbedModerated({
-  viewRecord,
-  onOpen,
-  style,
-  allowNestedQuotes,
-  viewContext,
-  visibilityLabel,
-}: {
-  viewRecord: AppBskyEmbedRecord.ViewRecord
-  onOpen?: () => void
-  style?: StyleProp<ViewStyle>
-  allowNestedQuotes?: boolean
-  viewContext?: QuoteEmbedViewContext
-  visibilityLabel?: string
-}) {
-  const moderationOpts = useModerationOpts()
-  const postView = React.useMemo(
-    () => viewRecordToPostView(viewRecord),
-    [viewRecord],
-  )
-  const moderation = React.useMemo(() => {
-    return moderationOpts ? moderatePost(postView, moderationOpts) : undefined
-  }, [postView, moderationOpts])
-
-  return (
-    <QuoteEmbed
-      quote={postView}
-      moderation={moderation}
-      onOpen={onOpen}
-      style={style}
-      allowNestedQuotes={allowNestedQuotes}
-      viewContext={viewContext}
-      visibilityLabel={visibilityLabel}
-    />
-  )
-}
-
-export function QuoteEmbed({
-  quote,
-  moderation,
-  onOpen,
-  style,
-  allowNestedQuotes,
-  visibilityLabel,
-}: {
-  quote: AppBskyFeedDefs.PostView
-  moderation?: ModerationDecision
-  onOpen?: () => void
-  style?: StyleProp<ViewStyle>
-  allowNestedQuotes?: boolean
-  viewContext?: QuoteEmbedViewContext
-  visibilityLabel?: string
-}) {
-  const t = useTheme()
-  const queryClient = useQueryClient()
-  const pal = usePalette('default')
-  const itemUrip = new AtUri(quote.uri)
-  const itemHref = makeProfileLink(quote.author, 'post', itemUrip.rkey)
-  const itemTitle = `Post by ${quote.author.handle}`
-
-  const richText = React.useMemo(() => {
-    if (
-      !bsky.dangerousIsType<AppBskyFeedPost.Record>(
-        quote.record,
-        AppBskyFeedPost.isRecord,
-      )
-    )
-      return undefined
-    const {text, facets} = quote.record
-    return text.trim()
-      ? new RichTextAPI({text: text, facets: facets})
-      : undefined
-  }, [quote.record])
-
-  const embed = React.useMemo(() => {
-    const e = quote.embed
-
-    if (allowNestedQuotes) {
-      return e
-    } else {
-      if (
-        AppBskyEmbedImages.isView(e) ||
-        AppBskyEmbedExternal.isView(e) ||
-        AppBskyEmbedVideo.isView(e)
-      ) {
-        return e
-      } else if (
-        AppBskyEmbedRecordWithMedia.isView(e) &&
-        (AppBskyEmbedImages.isView(e.media) ||
-          AppBskyEmbedExternal.isView(e.media) ||
-          AppBskyEmbedVideo.isView(e.media))
-      ) {
-        return e.media
-      }
-    }
-  }, [quote.embed, allowNestedQuotes])
-
-  const onBeforePress = React.useCallback(() => {
-    precacheProfile(queryClient, quote.author)
-    onOpen?.()
-  }, [queryClient, quote.author, onOpen])
-
-  const [hover, setHover] = React.useState(false)
-  return (
-    <View
-      onPointerEnter={() => {
-        setHover(true)
-      }}
-      onPointerLeave={() => {
-        setHover(false)
-      }}>
-      <ContentHider
-        modui={moderation?.ui('contentList')}
-        style={[
-          a.rounded_md,
-          a.p_md,
-          a.mt_sm,
-          a.border,
-          t.atoms.border_contrast_low,
-          style,
-        ]}
-        childContainerStyle={[a.pt_sm]}>
-        <SubtleWebHover hover={hover} />
-        <Link
-          hoverStyle={{borderColor: pal.colors.borderLinkHover}}
-          href={itemHref}
-          title={itemTitle}
-          onBeforePress={onBeforePress}>
-          <View pointerEvents="none">
-            {visibilityLabel !== undefined ? (
-              <View style={[styles.blockHeader, t.atoms.border_contrast_low]}>
-                <EyeSlashIcon size="sm" style={pal.text} />
-                <Text type="lg" style={pal.text}>
-                  {visibilityLabel}
-                </Text>
-              </View>
-            ) : undefined}
-            <PostMeta
-              author={quote.author}
-              moderation={moderation}
-              showAvatar
-              postHref={itemHref}
-              timestamp={quote.indexedAt}
-            />
-          </View>
-          {moderation ? (
-            <PostAlerts
-              modui={moderation.ui('contentView')}
-              style={[a.py_xs]}
-            />
-          ) : null}
-          {richText ? (
-            <RichText
-              value={richText}
-              style={a.text_md}
-              numberOfLines={20}
-              disableLinks
-            />
-          ) : null}
-          {embed && <PostEmbeds embed={embed} moderation={moderation} />}
-        </Link>
-      </ContentHider>
-    </View>
-  )
-}
-
-export function QuoteX({onRemove}: {onRemove: () => void}) {
-  const {_} = useLingui()
-  return (
-    <TouchableOpacity
-      style={[
-        a.absolute,
-        a.p_xs,
-        a.rounded_full,
-        a.align_center,
-        a.justify_center,
-        {
-          top: 16,
-          right: 10,
-          backgroundColor: 'rgba(0, 0, 0, 0.75)',
-        },
-      ]}
-      onPress={onRemove}
-      accessibilityRole="button"
-      accessibilityLabel={_(msg`Remove quote`)}
-      accessibilityHint={_(msg`Removes quoted post`)}
-      onAccessibilityEscape={onRemove}
-      hitSlop={HITSLOP_20}>
-      <FontAwesomeIcon size={12} icon="xmark" style={s.white} />
-    </TouchableOpacity>
-  )
-}
-
-export function LazyQuoteEmbed({uri}: {uri: string}) {
-  const {data} = useResolveLinkQuery(uri)
-  const moderationOpts = useModerationOpts()
-  if (!data || data.type !== 'record' || data.kind !== 'post') {
-    return null
-  }
-  const moderation = moderationOpts
-    ? moderatePost(data.view, moderationOpts)
-    : undefined
-  return <QuoteEmbed quote={data.view} moderation={moderation} />
-}
-
-function viewRecordToPostView(
-  viewRecord: AppBskyEmbedRecord.ViewRecord,
-): AppBskyFeedDefs.PostView {
-  const {value, embeds, ...rest} = viewRecord
-  return {
-    ...rest,
-    $type: 'app.bsky.feed.defs#postView',
-    record: value,
-    embed: embeds?.[0],
-  }
-}
-
-const styles = StyleSheet.create({
-  errorContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 4,
-    borderRadius: 8,
-    marginTop: 8,
-    paddingVertical: 14,
-    paddingHorizontal: 14,
-    borderWidth: StyleSheet.hairlineWidth,
-  },
-  alert: {
-    marginBottom: 6,
-  },
-  blockHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 4,
-    marginBottom: 8,
-  },
-})
+// import React from 'react'
+// import {
+//   type StyleProp,
+//   StyleSheet,
+//   TouchableOpacity,
+//   View,
+//   type ViewStyle,
+// } from 'react-native'
+// import {
+//   AppBskyEmbedExternal,
+//   AppBskyEmbedImages,
+//   AppBskyEmbedRecord,
+//   AppBskyEmbedRecordWithMedia,
+//   AppBskyEmbedVideo,
+//   type AppBskyFeedDefs,
+//   AppBskyFeedPost,
+//   moderatePost,
+//   type ModerationDecision,
+//   RichText as RichTextAPI,
+// } from '@atproto/api'
+// import {AtUri} from '@atproto/api'
+// import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
+// import {msg, Trans} from '@lingui/macro'
+// import {useLingui} from '@lingui/react'
+// import {useQueryClient} from '@tanstack/react-query'
+//
+// import {HITSLOP_20} from '#/lib/constants'
+// import {usePalette} from '#/lib/hooks/usePalette'
+// import {InfoCircleIcon} from '#/lib/icons'
+// import {makeProfileLink} from '#/lib/routes/links'
+// import {s} from '#/lib/styles'
+// import {useDirectFetchRecords} from '#/state/preferences/direct-fetch-records'
+// import {useModerationOpts} from '#/state/preferences/moderation-opts'
+// import {useDirectFetchRecord} from '#/state/queries/direct-fetch-record'
+// import {precacheProfile} from '#/state/queries/profile'
+// import {useResolveLinkQuery} from '#/state/queries/resolve-link'
+// import {useSession} from '#/state/session'
+// import {atoms as a, useTheme} from '#/alf'
+// import {EyeSlash_Stroke2_Corner0_Rounded as EyeSlashIcon} from '#/components/icons/EyeSlash'
+// import {RichText} from '#/components/RichText'
+// import {SubtleWebHover} from '#/components/SubtleWebHover'
+// import * as bsky from '#/types/bsky'
+// import {ContentHider} from '../../../../components/moderation/ContentHider'
+// import {PostAlerts} from '../../../../components/moderation/PostAlerts'
+// import {Link} from '../Link'
+// import {PostMeta} from '../PostMeta'
+// import {Text} from '../text/Text'
+// import {PostEmbeds} from '.'
+// import {type QuoteEmbedViewContext} from './types'
+//
+// export function MaybeQuoteEmbed({
+//   embed,
+//   onOpen,
+//   style,
+//   allowNestedQuotes,
+//   viewContext,
+// }: {
+//   embed: AppBskyEmbedRecord.View
+//   onOpen?: () => void
+//   style?: StyleProp<ViewStyle>
+//   allowNestedQuotes?: boolean
+//   viewContext?: QuoteEmbedViewContext
+// }) {
+//   const {_} = useLingui()
+//   const t = useTheme()
+//   const pal = usePalette('default')
+//   const {currentAccount} = useSession()
+//
+//   const directFetchEnabled = useDirectFetchRecords()
+//   const shouldDirectFetch =
+//     (AppBskyEmbedRecord.isViewBlocked(embed.record) ||
+//       AppBskyEmbedRecord.isViewDetached(embed.record)) &&
+//     directFetchEnabled
+//
+//   const directRecord = useDirectFetchRecord({
+//     uri:
+//       AppBskyEmbedRecord.isViewBlocked(embed.record) ||
+//       AppBskyEmbedRecord.isViewDetached(embed.record)
+//         ? embed.record.uri
+//         : '',
+//     enabled: shouldDirectFetch,
+//   })
+//   if (
+//     AppBskyEmbedRecord.isViewRecord(embed.record) &&
+//     AppBskyFeedPost.isRecord(embed.record.value) &&
+//     AppBskyFeedPost.validateRecord(embed.record.value).success
+//   ) {
+//     return (
+//       <QuoteEmbedModerated
+//         viewRecord={embed.record}
+//         onOpen={onOpen}
+//         style={style}
+//         allowNestedQuotes={allowNestedQuotes}
+//         viewContext={viewContext}
+//       />
+//     )
+//   } else if (AppBskyEmbedRecord.isViewBlocked(embed.record)) {
+//     const record = directRecord.data
+//     if (record !== undefined) {
+//       return (
+//         <View>
+//           <QuoteEmbedModerated
+//             viewRecord={record}
+//             onOpen={onOpen}
+//             style={style}
+//             allowNestedQuotes={allowNestedQuotes}
+//             viewContext={viewContext}
+//             visibilityLabel={_(msg`Blocked`)}
+//           />
+//         </View>
+//       )
+//     }
+//
+//     return (
+//       <View
+//         style={[styles.errorContainer, a.border, t.atoms.border_contrast_low]}>
+//         <InfoCircleIcon size={18} style={pal.text} />
+//         <Text type="lg" style={pal.text}>
+//           {directFetchEnabled ? (
+//             <Trans>Blocked...</Trans>
+//           ) : (
+//             <Trans>Blocked</Trans>
+//           )}
+//         </Text>
+//       </View>
+//     )
+//   } else if (AppBskyEmbedRecord.isViewNotFound(embed.record)) {
+//     return (
+//       <View
+//         style={[styles.errorContainer, a.border, t.atoms.border_contrast_low]}>
+//         <InfoCircleIcon size={18} style={pal.text} />
+//         <Text type="lg" style={pal.text}>
+//           <Trans>Deleted</Trans>
+//         </Text>
+//       </View>
+//     )
+//   } else if (AppBskyEmbedRecord.isViewDetached(embed.record)) {
+//     const isViewerOwner = currentAccount?.did
+//       ? embed.record.uri.includes(currentAccount.did)
+//       : false
+//
+//     const record = directRecord.data
+//     if (record !== undefined) {
+//       return (
+//         <View>
+//           <QuoteEmbedModerated
+//             viewRecord={record}
+//             onOpen={onOpen}
+//             style={style}
+//             allowNestedQuotes={allowNestedQuotes}
+//             viewContext={viewContext}
+//             visibilityLabel={
+//               isViewerOwner ? _(`Removed by you`) : _(msg`Removed by author`)
+//             }
+//           />
+//         </View>
+//       )
+//     }
+//
+//     return (
+//       <View
+//         style={[styles.errorContainer, a.border, t.atoms.border_contrast_low]}>
+//         <InfoCircleIcon size={18} style={pal.text} />
+//         <Text type="lg" style={pal.text}>
+//           {isViewerOwner ? (
+//             <Trans>Removed by you</Trans>
+//           ) : (
+//             <Trans>Removed by author</Trans>
+//           )}
+//           {directFetchEnabled ? <Trans>...</Trans> : undefined}
+//         </Text>
+//       </View>
+//     )
+//   }
+//   return null
+// }
+//
+// function QuoteEmbedModerated({
+//   viewRecord,
+//   onOpen,
+//   style,
+//   allowNestedQuotes,
+//   viewContext,
+//   visibilityLabel,
+// }: {
+//   viewRecord: AppBskyEmbedRecord.ViewRecord
+//   onOpen?: () => void
+//   style?: StyleProp<ViewStyle>
+//   allowNestedQuotes?: boolean
+//   viewContext?: QuoteEmbedViewContext
+//   visibilityLabel?: string
+// }) {
+//   const moderationOpts = useModerationOpts()
+//   const postView = React.useMemo(
+//     () => viewRecordToPostView(viewRecord),
+//     [viewRecord],
+//   )
+//   const moderation = React.useMemo(() => {
+//     return moderationOpts ? moderatePost(postView, moderationOpts) : undefined
+//   }, [postView, moderationOpts])
+//
+//   return (
+//     <QuoteEmbed
+//       quote={postView}
+//       moderation={moderation}
+//       onOpen={onOpen}
+//       style={style}
+//       allowNestedQuotes={allowNestedQuotes}
+//       viewContext={viewContext}
+//       visibilityLabel={visibilityLabel}
+//     />
+//   )
+// }
+//
+// export function QuoteEmbed({
+//   quote,
+//   moderation,
+//   onOpen,
+//   style,
+//   allowNestedQuotes,
+//   visibilityLabel,
+// }: {
+//   quote: AppBskyFeedDefs.PostView
+//   moderation?: ModerationDecision
+//   onOpen?: () => void
+//   style?: StyleProp<ViewStyle>
+//   allowNestedQuotes?: boolean
+//   viewContext?: QuoteEmbedViewContext
+//   visibilityLabel?: string
+// }) {
+//   const t = useTheme()
+//   const queryClient = useQueryClient()
+//   const pal = usePalette('default')
+//   const itemUrip = new AtUri(quote.uri)
+//   const itemHref = makeProfileLink(quote.author, 'post', itemUrip.rkey)
+//   const itemTitle = `Post by ${quote.author.handle}`
+//
+//   const richText = React.useMemo(() => {
+//     if (
+//       !bsky.dangerousIsType<AppBskyFeedPost.Record>(
+//         quote.record,
+//         AppBskyFeedPost.isRecord,
+//       )
+//     )
+//       return undefined
+//     const {text, facets} = quote.record
+//     return text.trim()
+//       ? new RichTextAPI({text: text, facets: facets})
+//       : undefined
+//   }, [quote.record])
+//
+//   const embed = React.useMemo(() => {
+//     const e = quote.embed
+//
+//     if (allowNestedQuotes) {
+//       return e
+//     } else {
+//       if (
+//         AppBskyEmbedImages.isView(e) ||
+//         AppBskyEmbedExternal.isView(e) ||
+//         AppBskyEmbedVideo.isView(e)
+//       ) {
+//         return e
+//       } else if (
+//         AppBskyEmbedRecordWithMedia.isView(e) &&
+//         (AppBskyEmbedImages.isView(e.media) ||
+//           AppBskyEmbedExternal.isView(e.media) ||
+//           AppBskyEmbedVideo.isView(e.media))
+//       ) {
+//         return e.media
+//       }
+//     }
+//   }, [quote.embed, allowNestedQuotes])
+//
+//   const onBeforePress = React.useCallback(() => {
+//     precacheProfile(queryClient, quote.author)
+//     onOpen?.()
+//   }, [queryClient, quote.author, onOpen])
+//
+//   const [hover, setHover] = React.useState(false)
+//   return (
+//     <View
+//       onPointerEnter={() => {
+//         setHover(true)
+//       }}
+//       onPointerLeave={() => {
+//         setHover(false)
+//       }}>
+//       <ContentHider
+//         modui={moderation?.ui('contentList')}
+//         style={[
+//           a.rounded_md,
+//           a.p_md,
+//           a.mt_sm,
+//           a.border,
+//           t.atoms.border_contrast_low,
+//           style,
+//         ]}
+//         childContainerStyle={[a.pt_sm]}>
+//         <SubtleWebHover hover={hover} />
+//         <Link
+//           hoverStyle={{borderColor: pal.colors.borderLinkHover}}
+//           href={itemHref}
+//           title={itemTitle}
+//           onBeforePress={onBeforePress}>
+//           <View pointerEvents="none">
+//             {visibilityLabel !== undefined ? (
+//               <View style={[styles.blockHeader, t.atoms.border_contrast_low]}>
+//                 <EyeSlashIcon size="sm" style={pal.text} />
+//                 <Text type="lg" style={pal.text}>
+//                   {visibilityLabel}
+//                 </Text>
+//               </View>
+//             ) : undefined}
+//             <PostMeta
+//               author={quote.author}
+//               moderation={moderation}
+//               showAvatar
+//               postHref={itemHref}
+//               timestamp={quote.indexedAt}
+//             />
+//           </View>
+//           {moderation ? (
+//             <PostAlerts
+//               modui={moderation.ui('contentView')}
+//               style={[a.py_xs]}
+//             />
+//           ) : null}
+//           {richText ? (
+//             <RichText
+//               value={richText}
+//               style={a.text_md}
+//               numberOfLines={20}
+//               disableLinks
+//             />
+//           ) : null}
+//           {embed && <PostEmbeds embed={embed} moderation={moderation} />}
+//         </Link>
+//       </ContentHider>
+//     </View>
+//   )
+// }
+//
+// export function QuoteX({onRemove}: {onRemove: () => void}) {
+//   const {_} = useLingui()
+//   return (
+//     <TouchableOpacity
+//       style={[
+//         a.absolute,
+//         a.p_xs,
+//         a.rounded_full,
+//         a.align_center,
+//         a.justify_center,
+//         {
+//           top: 16,
+//           right: 10,
+//           backgroundColor: 'rgba(0, 0, 0, 0.75)',
+//         },
+//       ]}
+//       onPress={onRemove}
+//       accessibilityRole="button"
+//       accessibilityLabel={_(msg`Remove quote`)}
+//       accessibilityHint={_(msg`Removes quoted post`)}
+//       onAccessibilityEscape={onRemove}
+//       hitSlop={HITSLOP_20}>
+//       <FontAwesomeIcon size={12} icon="xmark" style={s.white} />
+//     </TouchableOpacity>
+//   )
+// }
+//
+// export function LazyQuoteEmbed({uri}: {uri: string}) {
+//   const {data} = useResolveLinkQuery(uri)
+//   const moderationOpts = useModerationOpts()
+//   if (!data || data.type !== 'record' || data.kind !== 'post') {
+//     return null
+//   }
+//   const moderation = moderationOpts
+//     ? moderatePost(data.view, moderationOpts)
+//     : undefined
+//   return <QuoteEmbed quote={data.view} moderation={moderation} />
+// }
+//
+// function viewRecordToPostView(
+//   viewRecord: AppBskyEmbedRecord.ViewRecord,
+// ): AppBskyFeedDefs.PostView {
+//   const {value, embeds, ...rest} = viewRecord
+//   return {
+//     ...rest,
+//     $type: 'app.bsky.feed.defs#postView',
+//     record: value,
+//     embed: embeds?.[0],
+//   }
+// }
+//
+// const styles = StyleSheet.create({
+//   errorContainer: {
+//     flexDirection: 'row',
+//     alignItems: 'center',
+//     gap: 4,
+//     borderRadius: 8,
+//     marginTop: 8,
+//     paddingVertical: 14,
+//     paddingHorizontal: 14,
+//     borderWidth: StyleSheet.hairlineWidth,
+//   },
+//   alert: {
+//     marginBottom: 6,
+//   },
+//   blockHeader: {
+//     flexDirection: 'row',
+//     alignItems: 'center',
+//     gap: 4,
+//     marginBottom: 8,
+//   },
+// })