Merge

1 files changed, 16 insertions, 7 deletions

diff --git a/src/screens/moments/TagFriendsScreen.tsx b/src/screens/moments/TagFriendsScreen.tsx
index e6a9f5fb..b2a8586a 100644
--- a/src/screens/moments/TagFriendsScreen.tsx
+++ b/src/screens/moments/TagFriendsScreen.tsx
@@ -78,12 +78,20 @@ const TagFriendsScreen: React.FC<TagFriendsScreenProps> = ({route}) => {
               style={styles.header}
               title={'Tap on photo to Tag friends!'}
             />
-            <Image
-              ref={imageRef}
-              style={styles.image}
-              source={{uri: image.path}}
-              resizeMode={'cover'}
-            />
+            <TouchableWithoutFeedback
+              disabled={taggedUsers.length > 0}
+              onPress={() =>
+                navigation.navigate('TagSelectionScreen', {
+                  selectedUsers: [],
+                })
+              }>
+              <Image
+                ref={imageRef}
+                style={styles.image}
+                source={{uri: image.path}}
+                resizeMode={'cover'}
+              />
+            </TouchableWithoutFeedback>
             {taggedUsers.length !== 0 && (
               <MomentTags
                 editing={true}
@@ -99,7 +107,7 @@ const TagFriendsScreen: React.FC<TagFriendsScreenProps> = ({route}) => {
                 }
               />
             )}
-            <View style={{marginHorizontal: '5%', marginTop: '3%'}}>
+            <View style={styles.footerContainer}>
               <TagFriendsFooter
                 taggedUsers={taggedUsers}
                 setTaggedUsers={setTaggedUsers}
@@ -150,6 +158,7 @@ const styles = StyleSheet.create({
   flex: {
     flex: 1,
   },
+  footerContainer: {marginHorizontal: '5%', marginTop: '3%'},
 });
 
 export default TagFriendsScreen;