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

19
src/view/com/util/post-embeds/QuoteEmbed.tsx
View file

@ -35,7 +35,7 @@ export function QuoteEmbed({
)
return (
<Link
style={[styles.container, pal.border, style]}
style={[styles.container, pal.borderDark, style]}
href={itemHref}
title={itemTitle}>
<PostMeta
@ -46,15 +46,11 @@ export function QuoteEmbed({
postHref={itemHref}
timestamp={quote.indexedAt}
/>
<Text type="post-text" style={pal.text} numberOfLines={6}>
{isEmpty ? (
<Text style={pal.link} lineHeight={1.5}>
View post
</Text>
) : (
quote.text
)}
</Text>
{!isEmpty ? (
<Text type="post-text" style={pal.text} numberOfLines={6}>
{quote.text}
</Text>
) : null}
{AppBskyEmbedImages.isView(imagesEmbed) && (
<PostEmbeds embed={imagesEmbed} />
)}
@ -70,7 +66,8 @@ export default QuoteEmbed
const styles = StyleSheet.create({
container: {
borderRadius: 8,
paddingVertical: 8,
marginTop: 8,
paddingVertical: 12,
paddingHorizontal: 12,
borderWidth: 1,
},

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,