From 48d64cc005d390a60991d6d051d57df3efc3af21 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Sat, 20 Feb 2021 12:49:21 -0500
Subject: fixed taggs bar

---
 src/components/taggs/TaggsBar.tsx                  |  3 ++-
 .../suggestedPeople/SuggestedPeopleScreen.tsx      | 25 +++++++++++++---------
 2 files changed, 17 insertions(+), 11 deletions(-)

(limited to 'src')

diff --git a/src/components/taggs/TaggsBar.tsx b/src/components/taggs/TaggsBar.tsx
index 05ee18bb..0c4d76ea 100644
--- a/src/components/taggs/TaggsBar.tsx
+++ b/src/components/taggs/TaggsBar.tsx
@@ -151,14 +151,15 @@ const styles = StyleSheet.create({
     shadowOffset: {width: 0, height: 2},
     zIndex: 1,
     marginBottom: 25,
+    borderWidth: 1,
   },
   container: {
-    backgroundColor: 'white',
     shadowColor: '#000',
     shadowRadius: 10,
     shadowOffset: {width: 0, height: 2},
     zIndex: 1,
     paddingBottom: 5,
+    borderWidth: 1,
   },
   contentContainer: {
     alignItems: 'center',
diff --git a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
index b9dee55a..89528a92 100644
--- a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
+++ b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
@@ -130,13 +130,14 @@ const SuggestedPeopleScreen: React.FC = () => {
         <View style={styles.mainContainer}>
           <Text style={styles.title}>{firstItem && 'Suggested People'}</Text>
           <View style={styles.body}>
-            <View style={styles.addUserContainer}>
-              <View style={styles.nameInfoContainer}>
-                <Text style={styles.firstName}>{data.user.first_name}</Text>
-                <Text style={styles.username}>{'@' + data.user.username}</Text>
-              </View>
-              {/* TODO: Finish me ?! */}
-              {/* <TouchableOpacity
+            <View style={styles.marginManager}>
+              <View style={styles.addUserContainer}>
+                <View style={styles.nameInfoContainer}>
+                  <Text style={styles.firstName}>{data.user.first_name}</Text>
+                  <Text style={styles.username}>@{data.user.username}</Text>
+                </View>
+                {/* TODO: Finish me ?! */}
+                {/* <TouchableOpacity
                 activeOpacity={0.5}
                 // TODO: Call function to Add Friend
                 onPress={() => console.log('Call add friend function')}>
@@ -144,14 +145,18 @@ const SuggestedPeopleScreen: React.FC = () => {
                   <Text style={styles.addButtonTitle}>{'Add Friend'}</Text>
                 </View>
               </TouchableOpacity> */}
+              </View>
             </View>
             <TaggsBar
               y={y}
               userXId={data.user.id}
               profileBodyHeight={0}
-              screenType={ScreenType.SuggestedPeople}
+              screenType={screenType}
+              whiteRing={true}
             />
-            <MutualFriends user={data.user} friends={data.mutual_friends} />
+            <View style={styles.marginManager}>
+              <MutualFriends user={data.user} friends={data.mutual_friends} />
+            </View>
           </View>
         </View>
       </>
@@ -182,7 +187,7 @@ const SuggestedPeopleScreen: React.FC = () => {
 const styles = StyleSheet.create({
   mainContainer: {
     flexDirection: 'column',
-    width: SCREEN_WIDTH * 0.9,
+    width: SCREEN_WIDTH,
     height: SCREEN_HEIGHT,
     paddingVertical: '15%',
     paddingBottom: '20%',
-- 
cgit v1.2.3-70-g09d2