diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-07-16 18:51:34 -0400 |
|---|---|---|
| committer | Ivan Chen <ivan@tagg.id> | 2021-07-16 18:51:34 -0400 |
| commit | cce1f4ad7f3331ef5c111423fe46fc1d59c7638d (patch) | |
| tree | cc148905f4277c239a8aebaa38d402bd3b32488a /src/screens/upload/EditMedia.tsx | |
| parent | 1e0f1c0c6200af5d4f9554778341d991b47381da (diff) | |
Clean up styles, Fix save to gallery
Diffstat (limited to 'src/screens/upload/EditMedia.tsx')
| -rw-r--r-- | src/screens/upload/EditMedia.tsx | 61 |
1 files changed, 34 insertions, 27 deletions
diff --git a/src/screens/upload/EditMedia.tsx b/src/screens/upload/EditMedia.tsx index 1d42e675..e53e2e43 100644 --- a/src/screens/upload/EditMedia.tsx +++ b/src/screens/upload/EditMedia.tsx @@ -339,32 +339,38 @@ export const EditMedia: React.FC<EditMediaProps> = ({route, navigation}) => { </TouchableOpacity> </View> )} - <View style={styles.bottomContainer}> - <SaveButton - style={styles.saveButton} - onPress={() => processVideo(saveImageToGallery)} - /> - <TaggSquareButton - style={styles.button} - onPress={() => - processVideo((uri) => - navigation.navigate('CaptionScreen', { - screenType, - media: { - uri: uri, - isVideo: media.isVideo, - }, - selectedCategory, - }), - ) - } - title={'Next'} - buttonStyle={'large'} - buttonColor={'blue'} - labelColor={'white'} - labelStyle={styles.buttonLabel} - /> - </View> + {hideTrimmer && ( + <View style={styles.bottomContainer}> + <SaveButton + style={styles.saveButton} + onPress={() => + processVideo((uri) => + saveImageToGallery(uri, media.isVideo ? 'video' : 'photo'), + ) + } + /> + <TaggSquareButton + style={styles.button} + onPress={() => + processVideo((uri) => + navigation.navigate('CaptionScreen', { + screenType, + media: { + uri: uri, + isVideo: media.isVideo, + }, + selectedCategory, + }), + ) + } + title={'Next'} + buttonStyle={'large'} + buttonColor={'blue'} + labelColor={'white'} + labelStyle={styles.buttonLabel} + /> + </View> + )} </View> ); }; @@ -383,9 +389,10 @@ const styles = StyleSheet.create({ marginLeft: '5%', }, bottomContainer: { + position: 'absolute', + bottom: SCREEN_HEIGHT * 0.1, width: SCREEN_WIDTH * 0.8, justifyContent: 'space-between', - marginBottom: SCREEN_HEIGHT * 0.1, alignItems: 'center', alignSelf: 'center', flexDirection: 'row', |