diff options
| author | Ivan Chen <ivan@thetaggid.com> | 2021-01-14 14:07:01 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-01-14 14:07:01 -0500 |
| commit | 3a45a0812743e3f2fd48eb6648f046ea35512380 (patch) | |
| tree | 0d8752d3be6a6b18d66ab9c67b16b3e86f92f173 /src | |
| parent | 007dcc5c836f1b368042c530d22f5421610efb7c (diff) | |
moved buttons to left (#181)
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/moments/Moment.tsx | 28 |
1 files changed, 17 insertions, 11 deletions
diff --git a/src/components/moments/Moment.tsx b/src/components/moments/Moment.tsx index 623e328d..6dbcd170 100644 --- a/src/components/moments/Moment.tsx +++ b/src/components/moments/Moment.tsx @@ -1,5 +1,5 @@ import {useNavigation} from '@react-navigation/native'; -import React from 'react'; +import React, {Fragment} from 'react'; import { Alert, StyleProp, @@ -88,23 +88,15 @@ const Moment: React.FC<MomentProps> = ({ <Text style={[styles.titleText, externalStyles?.titleText]}> {title} </Text> - <View style={styles.flexer} /> {!userXId ? ( <> - <PlusIcon - width={21} - height={21} - onPress={() => navigateToImagePicker()} - color={TAGG_TEXT_LIGHT_BLUE} - style={{marginRight: 10}} - /> {showUpButton && move && ( <UpIcon width={19} height={19} onPress={() => move('up', title)} color={TAGG_TEXT_LIGHT_BLUE} - style={{marginRight: 10}} + style={{marginLeft: 5}} /> )} {showDownButton && move && ( @@ -113,9 +105,23 @@ const Moment: React.FC<MomentProps> = ({ height={19} onPress={() => move('down', title)} color={TAGG_TEXT_LIGHT_BLUE} - style={{marginRight: 10}} + style={{marginLeft: 5}} /> )} + </> + ) : ( + <Fragment /> + )} + <View style={styles.flexer} /> + {!userXId ? ( + <> + <PlusIcon + width={21} + height={21} + onPress={() => navigateToImagePicker()} + color={TAGG_TEXT_LIGHT_BLUE} + style={{marginRight: 10}} + /> {shouldAllowDeletion && ( <DeleteIcon onPress={() => handleMomentCategoryDelete(title)} |