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
This commit is contained in:
Paul Frazee 2023-08-04 12:14:21 -07:00 committed by GitHub
parent c42b9c1b4e
commit d9cf37aecf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 70 additions and 17 deletions

View file

@ -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,