diff options
| author | Ollie Hsieh <renahlee@outlook.com> | 2023-04-18 10:53:47 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-04-18 12:53:47 -0500 |
| commit | c2a4ffc99f65a7b53fe0420df67065232ae8e4cc (patch) | |
| tree | 2d7f03a76264d0915da87cd9a24bfe85afb3d0bc /src/view/com/util/post-embeds/index.tsx | |
| parent | 10621e86e4379ff05b2262a659b8512d80203a4b (diff) | |
| download | voidsky-c2a4ffc99f65a7b53fe0420df67065232ae8e4cc.tar.zst | |
Quote post legibility (#486)
Diffstat (limited to 'src/view/com/util/post-embeds/index.tsx')
| -rw-r--r-- | src/view/com/util/post-embeds/index.tsx | 75 |
1 files changed, 26 insertions, 49 deletions
diff --git a/src/view/com/util/post-embeds/index.tsx b/src/view/com/util/post-embeds/index.tsx index 726bea6e7..c15986b76 100644 --- a/src/view/com/util/post-embeds/index.tsx +++ b/src/view/com/util/post-embeds/index.tsx @@ -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, |