Samuel Newman
45 lines
946 B
TypeScript
45 lines
946 B
TypeScript
import {useMemo} from 'react'
|
|
import {View} from 'react-native'
|
|
|
|
import {createEmbedViewRecordFromPost} from '#/state/queries/postgate/util'
|
|
import {useResolveLinkQuery} from '#/state/queries/resolve-link'
|
|
import {atoms as a, useTheme} from '#/alf'
|
|
import {QuoteEmbed} from '#/components/Post/Embed'
|
|
|
|
export function LazyQuoteEmbed({
|
|
uri,
|
|
linkDisabled,
|
|
}: {
|
|
uri: string
|
|
linkDisabled?: boolean
|
|
}) {
|
|
const t = useTheme()
|
|
const {data} = useResolveLinkQuery(uri)
|
|
|
|
const view = useMemo(() => {
|
|
if (!data || data.type !== 'record' || data.kind !== 'post') return
|
|
return createEmbedViewRecordFromPost(data.view)
|
|
}, [data])
|
|
|
|
return view ? (
|
|
<QuoteEmbed
|
|
embed={{
|
|
type: 'post',
|
|
view,
|
|
}}
|
|
linkDisabled={linkDisabled}
|
|
/>
|
|
) : (
|
|
<View
|
|
style={[
|
|
a.w_full,
|
|
a.rounded_md,
|
|
t.atoms.bg_contrast_25,
|
|
{
|
|
height: 68,
|
|
},
|
|
]}
|
|
/>
|
|
)
|
|
}
|