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

Fixes to the composer UX around images and scrolling

Browse source
This commit is contained in:
Paul Frazee 2022-12-16 14:48:37 -06:00
parent 3aded6887d
commit 4ef3afb604
5 changed files with 116 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/view/com/composer/PhotoCarouselPicker.tsx
View file

@ -86,6 +86,11 @@ export const PhotoCarouselPicker = ({
style={{color: colors.blue3}}
/>
</TouchableOpacity>
<TouchableOpacity
style={[styles.galleryButton, styles.photo]}
onPress={handleOpenGallery}>
<FontAwesomeIcon icon="image" style={{color: colors.blue3}} size={24} />
</TouchableOpacity>
{localPhotos.photos.map((item: any, index: number) => (
<TouchableOpacity
key={`local-image-${index}`}
@ -94,11 +99,6 @@ export const PhotoCarouselPicker = ({
<Image style={styles.photo} source={{uri: item.node.image.uri}} />
</TouchableOpacity>
))}
<TouchableOpacity
style={[styles.galleryButton, styles.photo]}
onPress={handleOpenGallery}>
<FontAwesomeIcon icon="image" style={{color: colors.blue3}} size={24} />
</TouchableOpacity>
</ScrollView>
)
}
@ -109,6 +109,7 @@ const styles = StyleSheet.create({
maxHeight: 96,
padding: 8,
overflow: 'hidden',
backgroundColor: colors.white,
},
galleryButton: {
borderWidth: 1,