diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2023-08-04 12:14:21 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-08-04 12:14:21 -0700 |
| commit | d9cf37aecf5554a0efbc1da8b564f6933477d3c6 (patch) | |
| tree | 1099dfd129bd7af8c770e00f99307f079a8e46a3 /src/view/com/util/post-embeds/ExternalLinkEmbed.tsx | |
| parent | c42b9c1b4eacfefac1e14174396433384df16ea0 (diff) | |
| download | voidsky-d9cf37aecf5554a0efbc1da8b564f6933477d3c6.tar.zst | |
Collection of small UI fixes & improvements (#1104)
* Fix black bar appearing in link card images * Include QPs in posts cache * Fix like color for feed likes in notifications * Fix post embed spacing
Diffstat (limited to 'src/view/com/util/post-embeds/ExternalLinkEmbed.tsx')
| -rw-r--r-- | src/view/com/util/post-embeds/ExternalLinkEmbed.tsx | 20 |
1 files changed, 15 insertions, 5 deletions
diff --git a/src/view/com/util/post-embeds/ExternalLinkEmbed.tsx b/src/view/com/util/post-embeds/ExternalLinkEmbed.tsx index a4cbb3e29..d371cbfc8 100644 --- a/src/view/com/util/post-embeds/ExternalLinkEmbed.tsx +++ b/src/view/com/util/post-embeds/ExternalLinkEmbed.tsx @@ -1,6 +1,6 @@ import React from 'react' +import {Image} from 'expo-image' import {Text} from '../text/Text' -import {AutoSizedImage} from '../images/AutoSizedImage' import {StyleSheet, View} from 'react-native' import {usePalette} from 'lib/hooks/usePalette' import {AppBskyEmbedExternal} from '@atproto/api' @@ -16,9 +16,14 @@ export const ExternalLinkEmbed = ({ return ( <> {link.thumb ? ( - <AutoSizedImage uri={link.thumb} style={styles.extImage}> + <View style={styles.extImageContainer}> + <Image + style={styles.extImage} + source={{uri: link.thumb}} + accessibilityIgnoresInvertColors + /> {imageChild} - </AutoSizedImage> + </View> ) : undefined} <View style={styles.extInner}> <Text type="md-bold" numberOfLines={2} style={[pal.text]}> @@ -47,11 +52,16 @@ const styles = StyleSheet.create({ extInner: { padding: 10, }, - extImage: { + extImageContainer: { borderTopLeftRadius: 6, borderTopRightRadius: 6, width: '100%', - maxHeight: 200, + height: 200, + overflow: 'hidden', + }, + extImage: { + width: '100%', + height: 200, }, extUri: { marginTop: 2, |