From ad98ad617d78c7b68ffc37327f21a8769fcaab57 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Tue, 27 Jul 2021 14:49:58 -0400
Subject: Fix styling, Cleanup imports

---
 src/screens/suggestedPeople/index.ts | 1 +
 1 file changed, 1 insertion(+)

(limited to 'src/screens')

diff --git a/src/screens/suggestedPeople/index.ts b/src/screens/suggestedPeople/index.ts
index 8c06d81e..be2393b5 100644
--- a/src/screens/suggestedPeople/index.ts
+++ b/src/screens/suggestedPeople/index.ts
@@ -1,2 +1,3 @@
 export {default as SuggestedPeopleScreen} from './SuggestedPeopleScreen';
 export {default as AnimatedTutorial} from './AnimatedTutorial';
+export {default as MutualBadgeHolders} from './MutualBadgeHolders';
-- 
cgit v1.2.3-70-g09d2


From 97b7c29fe22f0d31a1a6b095de0ea76a3067e115 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Tue, 27 Jul 2021 15:15:46 -0400
Subject: Clean up styling in tagg friends screen

---
 src/screens/moments/TagFriendsScreen.tsx | 85 +++++++++++++-------------------
 1 file changed, 34 insertions(+), 51 deletions(-)

(limited to 'src/screens')

diff --git a/src/screens/moments/TagFriendsScreen.tsx b/src/screens/moments/TagFriendsScreen.tsx
index d11f8049..677ceefa 100644
--- a/src/screens/moments/TagFriendsScreen.tsx
+++ b/src/screens/moments/TagFriendsScreen.tsx
@@ -10,15 +10,13 @@ import {
   View,
 } from 'react-native';
 import Video from 'react-native-video';
-import {MainStackParams} from 'src/routes';
-import BackArrow from '../../assets/icons/back-arrow.svg';
 import {MomentTags} from '../../components';
 import {TagFriendsFooter} from '../../components/moments';
+import {headerBarOptions, MainStackParams} from '../../routes';
 import {MomentTagType} from '../../types';
 import {
   HeaderHeight,
   isIPhoneX,
-  normalize,
   SCREEN_HEIGHT,
   SCREEN_WIDTH,
 } from '../../utils';
@@ -48,6 +46,36 @@ const TagFriendsScreen: React.FC<TagFriendsScreenProps> = ({route}) => {
     setTags(selectedTags ? selectedTags : []);
   }, [selectedTags]);
 
+  useEffect(() => {
+    const title = media.isVideo
+      ? ''
+      : tags.length === 0
+      ? 'Tap on photo to tag friends!'
+      : 'Press and drag to move';
+    navigation.setOptions({
+      ...headerBarOptions('white', title),
+      headerRight: () => (
+        <TouchableOpacity
+          style={styles.buttonContainer}
+          // Altering the opacity style of TouchableOpacity doesn't work,
+          // so the next two lines are needed
+          disabled={tags.length === 0}
+          activeOpacity={tags.length === 0 ? 0 : 1}
+          onPress={handleDone}>
+          <Text
+            style={[
+              styles.shareButtonTitle,
+              // makes the Done buttomn invisible if there are no tags
+              // eslint-disable-next-line react-native/no-inline-styles
+              {opacity: tags.length !== 0 ? 1 : 0},
+            ]}>
+            Done
+          </Text>
+        </TouchableOpacity>
+      ),
+    });
+  }, [tags]);
+
   /*
    * Navigate back to Tag Users Screen, send selected users
    */
@@ -174,49 +202,8 @@ const TagFriendsScreen: React.FC<TagFriendsScreenProps> = ({route}) => {
         onLayout={(event) => {
           const {y, height} = event.nativeEvent.layout;
           setTopHeight(y + height);
-        }}>
-        <TouchableOpacity
-          onPress={() => {
-            navigation.goBack();
-          }}
-          style={styles.backArrow}>
-          <View style={styles.backArrowContainer}>
-            <BackArrow
-              height={normalize(18)}
-              width={normalize(18)}
-              color={'white'}
-            />
-          </View>
-        </TouchableOpacity>
-        {!media.isVideo ? (
-          <TouchableWithoutFeedback style={styles.headerContainer}>
-            {tags.length === 0 ? (
-              <Text style={styles.header}>Tap on photo to tag friends!</Text>
-            ) : (
-              <Text style={styles.header}>Press and drag to move</Text>
-            )}
-          </TouchableWithoutFeedback>
-        ) : (
-          <View style={styles.headerPlaceholder} />
-        )}
-        <TouchableOpacity
-          style={styles.buttonContainer}
-          // Altering the opacity style of TouchableOpacity doesn't work,
-          // so the next two lines are needed
-          disabled={tags.length === 0}
-          activeOpacity={tags.length === 0 ? 0 : 1}
-          onPress={handleDone}>
-          <Text
-            style={[
-              styles.shareButtonTitle,
-              // makes the Done buttomn invisible if there are no tags
-              // eslint-disable-next-line react-native/no-inline-styles
-              {opacity: tags.length !== 0 ? 1 : 0},
-            ]}>
-            Done
-          </Text>
-        </TouchableOpacity>
-      </View>
+        }}
+      />
       {tags.length !== 0 && !media.isVideo && (
         <MomentTags
           tags={tags}
@@ -258,11 +245,7 @@ const styles = StyleSheet.create({
     zIndex: 9999,
   },
   buttonContainer: {
-    marginTop: isIPhoneX() ? HeaderHeight : '10%',
-    right: 0,
-    zIndex: 9999,
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
+    right: 20,
   },
   headerContainer: {
     width: SCREEN_WIDTH,
-- 
cgit v1.2.3-70-g09d2


From 5c99a5a581dd93f89db248d853d9785e83e608ae Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Thu, 29 Jul 2021 11:01:44 -0700
Subject: Remove unused styles

---
 src/screens/moments/TagFriendsScreen.tsx | 19 -------------------
 1 file changed, 19 deletions(-)

(limited to 'src/screens')

diff --git a/src/screens/moments/TagFriendsScreen.tsx b/src/screens/moments/TagFriendsScreen.tsx
index 677ceefa..c55721ed 100644
--- a/src/screens/moments/TagFriendsScreen.tsx
+++ b/src/screens/moments/TagFriendsScreen.tsx
@@ -231,31 +231,12 @@ const styles = StyleSheet.create({
     height: SCREEN_HEIGHT,
     alignContent: 'center',
   },
-  backArrow: {
-    marginTop: isIPhoneX() ? HeaderHeight : '10%',
-    zIndex: 9999,
-  },
-  backArrowContainer: {
-    flex: 1,
-    flexDirection: 'column',
-    justifyContent: 'center',
-    alignContent: 'center',
-  },
   button: {
     zIndex: 9999,
   },
   buttonContainer: {
     right: 20,
   },
-  headerContainer: {
-    width: SCREEN_WIDTH,
-    flexDirection: 'row',
-    justifyContent: 'center',
-    zIndex: 9999,
-  },
-  headerPlaceholder: {
-    width: SCREEN_WIDTH * 0.5,
-  },
   shareButtonTitle: {
     fontWeight: 'bold',
     fontSize: 18,
-- 
cgit v1.2.3-70-g09d2