zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Quote post legibility (#486)

Browse source
This commit is contained in:
Ollie Hsieh 2023-04-18 10:53:47 -07:00 • committed by GitHub
parent 10621e86e4
commit c2a4ffc99f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 43 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

75
src/view/com/util/post-embeds/index.tsx
View file

@ -107,54 +107,31 @@ export function PostEmbeds({
})
}
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>
)
switch (embed.images.length) {
case 1:
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>
)
default:
return (
<View style={[styles.imagesContainer, style]}>
<ImageLayoutGrid
type={embed.images.length}
uris={embed.images.map(img => img.thumb)}
onPress={openLightbox}
onLongPress={onLongPress}
onPressIn={onPressIn}
/>
</View>
)
}
}
}
@ -184,7 +161,7 @@ const styles = StyleSheet.create({
gap: 6,
},
imagesContainer: {
marginTop: 4,
marginTop: 8,
},
singleImage: {
borderRadius: 8,