diff options
Diffstat (limited to 'src/view/com/util/PostEmbeds/index.tsx')
-rw-r--r-- | src/view/com/util/PostEmbeds/index.tsx | 165 |
1 files changed, 0 insertions, 165 deletions
diff --git a/src/view/com/util/PostEmbeds/index.tsx b/src/view/com/util/PostEmbeds/index.tsx deleted file mode 100644 index 02a8aa90e..000000000 --- a/src/view/com/util/PostEmbeds/index.tsx +++ /dev/null @@ -1,165 +0,0 @@ -import React from 'react' -import { - StyleSheet, - StyleProp, - View, - ViewStyle, - Image as RNImage, -} from 'react-native' -import { - AppBskyEmbedImages, - AppBskyEmbedExternal, - AppBskyEmbedRecord, - AppBskyFeedPost, -} from '@atproto/api' -import {Link} from '../Link' -import {AutoSizedImage} from '../images/AutoSizedImage' -import {ImageLayoutGrid} from '../images/ImageLayoutGrid' -import {ImagesLightbox} from 'state/models/ui/shell' -import {useStores} from 'state/index' -import {usePalette} from 'lib/hooks/usePalette' -import {saveImageModal} from 'lib/media/manip' -import YoutubeEmbed from './YoutubeEmbed' -import ExternalLinkEmbed from './ExternalLinkEmbed' -import {getYoutubeVideoId} from 'lib/strings/url-helpers' -import QuoteEmbed from './QuoteEmbed' - -type Embed = - | AppBskyEmbedRecord.Presented - | AppBskyEmbedImages.Presented - | AppBskyEmbedExternal.Presented - | {$type: string; [k: string]: unknown} - -export function PostEmbeds({ - embed, - style, -}: { - embed?: Embed - style?: StyleProp<ViewStyle> -}) { - const pal = usePalette('default') - const store = useStores() - if (AppBskyEmbedRecord.isPresented(embed)) { - if ( - AppBskyEmbedRecord.isPresentedRecord(embed.record) && - AppBskyFeedPost.isRecord(embed.record.record) && - AppBskyFeedPost.validateRecord(embed.record.record).success - ) { - return ( - <QuoteEmbed - quote={{ - author: embed.record.author, - cid: embed.record.cid, - uri: embed.record.uri, - indexedAt: embed.record.record.createdAt, // TODO - text: embed.record.record.text, - }} - /> - ) - } - } - if (AppBskyEmbedImages.isPresented(embed)) { - if (embed.images.length > 0) { - const uris = embed.images.map(img => img.fullsize) - const openLightbox = (index: number) => { - store.shell.openLightbox(new ImagesLightbox(uris, index)) - } - const onLongPress = (index: number) => { - saveImageModal({uri: uris[index]}) - } - const onPressIn = (index: number) => { - const firstImageToShow = uris[index] - RNImage.prefetch(firstImageToShow) - uris.forEach(uri => { - if (firstImageToShow !== uri) { - // First image already prefeched above - RNImage.prefetch(uri) - } - }) - } - - if (embed.images.length === 4) { - return ( - <View style={[styles.imagesContainer, style]}> - <ImageLayoutGrid - type="four" - uris={embed.images.map(img => img.thumb)} - onPress={openLightbox} - onLongPress={onLongPress} - onPressIn={onPressIn} - /> - </View> - ) - } else if (embed.images.length === 3) { - return ( - <View style={[styles.imagesContainer, style]}> - <ImageLayoutGrid - type="three" - uris={embed.images.map(img => img.thumb)} - onPress={openLightbox} - onLongPress={onLongPress} - onPressIn={onPressIn} - /> - </View> - ) - } else if (embed.images.length === 2) { - return ( - <View style={[styles.imagesContainer, style]}> - <ImageLayoutGrid - type="two" - uris={embed.images.map(img => img.thumb)} - onPress={openLightbox} - onLongPress={onLongPress} - onPressIn={onPressIn} - /> - </View> - ) - } else { - return ( - <View style={[styles.imagesContainer, style]}> - <AutoSizedImage - uri={embed.images[0].thumb} - onPress={() => openLightbox(0)} - onLongPress={() => onLongPress(0)} - onPressIn={() => onPressIn(0)} - style={styles.singleImage} - /> - </View> - ) - } - } - } - if (AppBskyEmbedExternal.isPresented(embed)) { - const link = embed.external - const youtubeVideoId = getYoutubeVideoId(link.uri) - - if (youtubeVideoId) { - return <YoutubeEmbed videoId={youtubeVideoId} link={link} /> - } - - return ( - <Link - style={[styles.extOuter, pal.view, pal.border, style]} - href={link.uri} - noFeedback> - <ExternalLinkEmbed link={link} /> - </Link> - ) - } - return <View /> -} - -const styles = StyleSheet.create({ - imagesContainer: { - marginTop: 4, - }, - singleImage: { - borderRadius: 8, - maxHeight: 500, - }, - extOuter: { - borderWidth: 1, - borderRadius: 8, - marginTop: 4, - }, -}) |