From 19f6a1cd849bec601440311dcb4188d7ff0b34ea Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Fri, 29 Jan 2021 16:14:25 -0800
Subject: alignment and style

---
 src/components/profile/ProfilePreview.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'src/components/profile/ProfilePreview.tsx')

diff --git a/src/components/profile/ProfilePreview.tsx b/src/components/profile/ProfilePreview.tsx
index 38defb8d..45913877 100644
--- a/src/components/profile/ProfilePreview.tsx
+++ b/src/components/profile/ProfilePreview.tsx
@@ -15,7 +15,7 @@ import {ERROR_UNABLE_TO_VIEW_PROFILE} from '../../constants/strings';
 import {loadImageFromURL} from '../../services';
 import {RootState} from '../../store/rootreducer';
 import {PreviewType, ProfilePreviewType, ScreenType} from '../../types';
-import {checkIfUserIsBlocked, fetchUserX, userXInStore} from '../../utils';
+import {checkIfUserIsBlocked, fetchUserX, SCREEN_WIDTH, userXInStore} from '../../utils';
 
 /**
  * This component returns user's profile picture friended by username as a touchable component.
@@ -309,6 +309,7 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     marginVertical: 10,
+    width: SCREEN_WIDTH * 0.6,
   },
   friendAvatar: {
     height: 42,
@@ -322,13 +323,13 @@ const styles = StyleSheet.create({
   },
   friendUsername: {
     fontSize: 14,
-    fontWeight: '700',
+    fontWeight: '500',
     color: '#3C3C3C',
     letterSpacing: 0.6,
   },
   friendName: {
     fontSize: 12,
-    fontWeight: '500',
+    fontWeight: '400',
     color: '#6C6C6C',
     letterSpacing: 0.5,
   },
-- 
cgit v1.2.3-70-g09d2


From 7361492c3d25f71bb444f5f7e35b3113647318f9 Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Mon, 1 Feb 2021 22:02:25 -0800
Subject: fullscreen friends + unfriend button

---
 src/components/profile/Content.tsx        |  2 --
 src/components/profile/Friends.tsx        | 46 ++++++++++++++-----------------
 src/components/profile/ProfilePreview.tsx | 12 ++++++--
 src/screens/profile/FriendsListScreen.tsx | 13 ++++-----
 src/store/actions/userFriends.ts          |  2 +-
 src/utils/friends.ts                      |  3 +-
 6 files changed, 36 insertions(+), 42 deletions(-)

(limited to 'src/components/profile/ProfilePreview.tsx')

diff --git a/src/components/profile/Content.tsx b/src/components/profile/Content.tsx
index 56ae1e51..28000dd7 100644
--- a/src/components/profile/Content.tsx
+++ b/src/components/profile/Content.tsx
@@ -25,11 +25,9 @@ import {
 import {
   blockUnblockUser,
   deleteUserMomentsForCategory,
-  friendUnfriendUser,
   loadFriendsData,
   updateMomentCategories,
   updateUserXFriends,
-  updateUserXProfileAllScreens,
 } from '../../store/actions';
 import {
   EMPTY_MOMENTS_LIST,
diff --git a/src/components/profile/Friends.tsx b/src/components/profile/Friends.tsx
index ec2b6a68..44ce4e63 100644
--- a/src/components/profile/Friends.tsx
+++ b/src/components/profile/Friends.tsx
@@ -1,27 +1,27 @@
 import React from 'react';
-import {View, StyleSheet, Text, ScrollView} from 'react-native';
+import {View, StyleSheet, ScrollView} from 'react-native';
 import {ProfilePreviewType, ScreenType} from '../../types';
 import {ProfilePreview} from '..';
-import {useNavigation} from '@react-navigation/native';
 import {Button} from 'react-native-elements';
-import {SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
+import {normalize, SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
 import {TAGG_LIGHT_BLUE} from '../../constants';
 import {RootState} from '../../store/rootReducer';
 import {useDispatch, useStore} from 'react-redux';
 import {handleUnfriend} from '../../utils/friends';
+import {NO_USER} from '../../store/initialStates';
 
 interface FriendsProps {
   result: Array<ProfilePreviewType>;
   screenType: ScreenType;
-  userXId: string;
+  userId: string;
 }
 
-const Friends: React.FC<FriendsProps> = ({result, screenType, userXId}) => {
-  const navigation = useNavigation();
-
+const Friends: React.FC<FriendsProps> = ({result, screenType, userId}) => {
   const state: RootState = useStore().getState();
   const dispatch = useDispatch();
 
+  const {user: loggedInUser = NO_USER} = state;
+
   return (
     <ScrollView
       keyboardShouldPersistTaps={'always'}
@@ -37,14 +37,16 @@ const Friends: React.FC<FriendsProps> = ({result, screenType, userXId}) => {
             previewType={'Friend'}
             screenType={screenType}
           />
-          <Button
-            title={'Unfriend'}
-            buttonStyle={styles.requestedButton}
-            titleStyle={styles.requestedButtonTitle}
-            onPress={() =>
-              handleUnfriend(screenType, profilePreview, dispatch, state)
-            } // unfriend, no record status
-          />
+          {loggedInUser.userId === userId && (
+            <Button
+              title={'Unfriend'}
+              buttonStyle={styles.button}
+              titleStyle={styles.buttonTitle}
+              onPress={() =>
+                handleUnfriend(screenType, profilePreview, dispatch, state)
+              }
+            />
+          )}
         </View>
       ))}
     </ScrollView>
@@ -71,21 +73,13 @@ const styles = StyleSheet.create({
     flexGrow: 1,
     paddingLeft: '26%',
   },
-  button: {
-    backgroundColor: 'transparent',
-  },
-  buttonText: {
-    color: 'black',
-    fontSize: 18,
-    fontWeight: '400',
-  },
   scrollView: {},
   scrollViewContent: {
     paddingBottom: SCREEN_HEIGHT / 15,
     paddingLeft: '4%',
     marginTop: '5%',
   },
-  requestedButton: {
+  button: {
     justifyContent: 'center',
     alignItems: 'center',
     width: SCREEN_WIDTH * 0.25,
@@ -98,10 +92,10 @@ const styles = StyleSheet.create({
     padding: 0,
     backgroundColor: 'transparent',
   },
-  requestedButtonTitle: {
+  buttonTitle: {
     color: TAGG_LIGHT_BLUE,
     padding: 0,
-    fontSize: 14,
+    fontSize: normalize(14),
     fontWeight: '700',
   },
 });
diff --git a/src/components/profile/ProfilePreview.tsx b/src/components/profile/ProfilePreview.tsx
index 45913877..159798de 100644
--- a/src/components/profile/ProfilePreview.tsx
+++ b/src/components/profile/ProfilePreview.tsx
@@ -15,7 +15,13 @@ import {ERROR_UNABLE_TO_VIEW_PROFILE} from '../../constants/strings';
 import {loadImageFromURL} from '../../services';
 import {RootState} from '../../store/rootreducer';
 import {PreviewType, ProfilePreviewType, ScreenType} from '../../types';
-import {checkIfUserIsBlocked, fetchUserX, SCREEN_WIDTH, userXInStore} from '../../utils';
+import {
+  checkIfUserIsBlocked,
+  fetchUserX,
+  normalize,
+  SCREEN_WIDTH,
+  userXInStore,
+} from '../../utils';
 
 /**
  * This component returns user's profile picture friended by username as a touchable component.
@@ -322,13 +328,13 @@ const styles = StyleSheet.create({
     alignSelf: 'stretch',
   },
   friendUsername: {
-    fontSize: 14,
+    fontSize: normalize(14),
     fontWeight: '500',
     color: '#3C3C3C',
     letterSpacing: 0.6,
   },
   friendName: {
-    fontSize: 12,
+    fontSize: normalize(12),
     fontWeight: '400',
     color: '#6C6C6C',
     letterSpacing: 0.5,
diff --git a/src/screens/profile/FriendsListScreen.tsx b/src/screens/profile/FriendsListScreen.tsx
index ac3504d5..7ef5d752 100644
--- a/src/screens/profile/FriendsListScreen.tsx
+++ b/src/screens/profile/FriendsListScreen.tsx
@@ -1,8 +1,7 @@
-import React, {useState} from 'react';
+import React from 'react';
 import {RouteProp, useNavigation} from '@react-navigation/native';
-import {TabsGradient, Friends, CenteredView} from '../../components';
-import {ScrollView} from 'react-native-gesture-handler';
-import {SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
+import {TabsGradient, Friends} from '../../components';
+import {normalize, SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
 import {
   SafeAreaView,
   StyleSheet,
@@ -11,8 +10,6 @@ import {
   View,
 } from 'react-native';
 import {ProfileStackParams} from '../../routes';
-import {ProfilePreviewType} from '../../types';
-import {EMPTY_PROFILE_PREVIEW_LIST} from '../../store/initialStates';
 import {useSelector} from 'react-redux';
 import {RootState} from '../../store/rootReducer';
 import BackIcon from '../../assets/icons/back-arrow.svg';
@@ -47,7 +44,7 @@ const FriendsListScreen: React.FC<FriendsListScreenProps> = ({route}) => {
           <Text style={styles.headerText}>Friends</Text>
         </View>
         <View style={styles.body}>
-          <Friends result={friends} screenType={screenType} userXId={userXId} />
+          <Friends result={friends} screenType={screenType} userId={userXId} />
         </View>
       </SafeAreaView>
       <TabsGradient />
@@ -88,7 +85,7 @@ const styles = StyleSheet.create({
   headerText: {
     position: 'absolute',
     alignSelf: 'center',
-    fontSize: 20.5,
+    fontSize: normalize(20.5),
     fontWeight: '600',
   },
   headerButton: {
diff --git a/src/store/actions/userFriends.ts b/src/store/actions/userFriends.ts
index ae808e9a..4d191894 100644
--- a/src/store/actions/userFriends.ts
+++ b/src/store/actions/userFriends.ts
@@ -101,7 +101,7 @@ export const unfriendUser = (
       await dispatch({
         type: updateFriends.type,
         payload: {
-          friend,
+          data: friend,
           isFriend: true,
         },
       });
diff --git a/src/utils/friends.ts b/src/utils/friends.ts
index c10cf1de..a0ff879a 100644
--- a/src/utils/friends.ts
+++ b/src/utils/friends.ts
@@ -1,8 +1,6 @@
 // Handles click on friend/requested/unfriend button
 
-import {useSelector} from 'react-redux';
 import {RootState} from '../store/rootReducer';
-import {NO_USER} from '../store/initialStates';
 import {ProfilePreviewType, ProfileType, ScreenType, UserType} from '../types';
 import {AppDispatch} from '../store/configureStore';
 import {
@@ -62,4 +60,5 @@ export const handleUnfriend = async (
 ) => {
   await dispatch(unfriendUser(friend, screenType));
   await dispatch(updateUserXFriends(friend.id, state));
+  dispatch(updateUserXProfileAllScreens(friend.id, state));
 };
-- 
cgit v1.2.3-70-g09d2


From 48acc579d495256956989af46f5b3338a20afbe8 Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Wed, 3 Feb 2021 18:22:24 -0800
Subject: friends style

---
 src/components/profile/Friends.tsx        | 83 ++++++++++++++++++-------------
 src/components/profile/ProfilePreview.tsx | 12 ++---
 src/screens/profile/FriendsListScreen.tsx |  6 ++-
 3 files changed, 58 insertions(+), 43 deletions(-)

(limited to 'src/components/profile/ProfilePreview.tsx')

diff --git a/src/components/profile/Friends.tsx b/src/components/profile/Friends.tsx
index 44ce4e63..c1aa5c76 100644
--- a/src/components/profile/Friends.tsx
+++ b/src/components/profile/Friends.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import {View, StyleSheet, ScrollView} from 'react-native';
+import {View, StyleSheet, ScrollView, Text} from 'react-native';
 import {ProfilePreviewType, ScreenType} from '../../types';
 import {ProfilePreview} from '..';
 import {Button} from 'react-native-elements';
@@ -9,6 +9,7 @@ import {RootState} from '../../store/rootReducer';
 import {useDispatch, useStore} from 'react-redux';
 import {handleUnfriend} from '../../utils/friends';
 import {NO_USER} from '../../store/initialStates';
+import {TouchableOpacity} from 'react-native-gesture-handler';
 
 interface FriendsProps {
   result: Array<ProfilePreviewType>;
@@ -29,23 +30,26 @@ const Friends: React.FC<FriendsProps> = ({result, screenType, userId}) => {
       style={styles.scrollView}
       contentContainerStyle={styles.scrollViewContent}
       showsVerticalScrollIndicator={false}>
+      <View style={styles.subheader}>
+        <Text style={styles.subheaderText}>Friends</Text>
+      </View>
       {result.map((profilePreview) => (
         <View key={profilePreview.id} style={styles.container}>
-          <ProfilePreview
-            style={styles.friend}
-            {...{profilePreview}}
-            previewType={'Friend'}
-            screenType={screenType}
-          />
+          <View style={styles.friend}>
+            <ProfilePreview
+              {...{profilePreview}}
+              previewType={'Friend'}
+              screenType={screenType}
+            />
+          </View>
           {loggedInUser.userId === userId && (
-            <Button
-              title={'Unfriend'}
-              buttonStyle={styles.button}
-              titleStyle={styles.buttonTitle}
+            <TouchableOpacity
+              style={styles.button}
               onPress={() =>
                 handleUnfriend(screenType, profilePreview, dispatch, state)
-              }
-            />
+              }>
+              <Text style={styles.buttonTitle}>Unfriend</Text>
+            </TouchableOpacity>
           )}
         </View>
       ))}
@@ -54,49 +58,58 @@ const Friends: React.FC<FriendsProps> = ({result, screenType, userId}) => {
 };
 
 const styles = StyleSheet.create({
+  scrollView: {
+    flexDirection: 'column',
+    alignSelf: 'center',
+    width: SCREEN_WIDTH * 0.85,
+  },
+  scrollViewContent: {
+    alignSelf: 'center',
+    paddingBottom: SCREEN_HEIGHT / 15,
+    width: SCREEN_WIDTH * 0.85,
+    marginTop: '1%',
+  },
   container: {
+    alignSelf: 'center',
     flexDirection: 'row',
     justifyContent: 'space-between',
-    width: SCREEN_WIDTH * 0.93,
+    width: SCREEN_WIDTH * 0.85,
+    height: '50%',
     alignItems: 'center',
+    marginBottom: '1%',
   },
   header: {flexDirection: 'row'},
+  subheader: {width: '100%', marginTop: '3%'},
+  subheaderText: {
+    color: '#828282',
+    fontSize: normalize(12),
+    fontWeight: '600',
+    lineHeight: normalize(14.32),
+  },
   friend: {
     marginVertical: 10,
-  },
-  title: {
-    position: 'relative',
-    fontSize: 17,
-    fontWeight: 'bold',
-    paddingBottom: 10,
-    paddingTop: 10,
-    flexGrow: 1,
-    paddingLeft: '26%',
-  },
-  scrollView: {},
-  scrollViewContent: {
-    paddingBottom: SCREEN_HEIGHT / 15,
-    paddingLeft: '4%',
-    marginTop: '5%',
+    alignSelf: 'center',
   },
   button: {
+    alignSelf: 'center',
     justifyContent: 'center',
     alignItems: 'center',
-    width: SCREEN_WIDTH * 0.25,
-    height: SCREEN_WIDTH * 0.075,
+    width: '100%',
+    height: '35%',
     borderColor: TAGG_LIGHT_BLUE,
     borderWidth: 2,
-    borderRadius: 0,
-    marginRight: '1%',
-    marginLeft: '1%',
+    borderRadius: 2,
     padding: 0,
     backgroundColor: 'transparent',
   },
   buttonTitle: {
     color: TAGG_LIGHT_BLUE,
     padding: 0,
-    fontSize: normalize(14),
+    fontSize: normalize(11),
     fontWeight: '700',
+    lineHeight: normalize(14),
+    letterSpacing: 0.5,
+    paddingHorizontal: '3.5%',
   },
 });
 
diff --git a/src/components/profile/ProfilePreview.tsx b/src/components/profile/ProfilePreview.tsx
index 159798de..cbee368b 100644
--- a/src/components/profile/ProfilePreview.tsx
+++ b/src/components/profile/ProfilePreview.tsx
@@ -314,12 +314,12 @@ const styles = StyleSheet.create({
   friendContainer: {
     flexDirection: 'row',
     alignItems: 'center',
-    marginVertical: 10,
+    justifyContent: 'flex-start',
     width: SCREEN_WIDTH * 0.6,
   },
   friendAvatar: {
-    height: 42,
-    width: 42,
+    height: normalize(44),
+    width: normalize(44),
     marginRight: 15,
     borderRadius: 20,
   },
@@ -330,14 +330,14 @@ const styles = StyleSheet.create({
   friendUsername: {
     fontSize: normalize(14),
     fontWeight: '500',
-    color: '#3C3C3C',
-    letterSpacing: 0.6,
+    color: '#000',
+    letterSpacing: 0.3,
   },
   friendName: {
     fontSize: normalize(12),
     fontWeight: '400',
     color: '#6C6C6C',
-    letterSpacing: 0.5,
+    letterSpacing: 0.1,
   },
 });
 
diff --git a/src/screens/profile/FriendsListScreen.tsx b/src/screens/profile/FriendsListScreen.tsx
index eb498641..26d19e60 100644
--- a/src/screens/profile/FriendsListScreen.tsx
+++ b/src/screens/profile/FriendsListScreen.tsx
@@ -68,8 +68,10 @@ const styles = StyleSheet.create({
   headerText: {
     position: 'absolute',
     alignSelf: 'center',
-    fontSize: normalize(20.5),
-    fontWeight: '600',
+    fontSize: normalize(18),
+    fontWeight: '700',
+    lineHeight: normalize(21.48),
+    letterSpacing: normalize(1.3),
   },
   headerButton: {
     width: '5%',
-- 
cgit v1.2.3-70-g09d2


From d6f66fc28f7884254c4afaeada496f71ae449afa Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Wed, 3 Feb 2021 18:53:31 -0800
Subject: restyle - more responsive

---
 src/components/profile/Friends.tsx        | 86 +++++++++++++++++--------------
 src/components/profile/ProfilePreview.tsx | 11 ++--
 2 files changed, 53 insertions(+), 44 deletions(-)

(limited to 'src/components/profile/ProfilePreview.tsx')

diff --git a/src/components/profile/Friends.tsx b/src/components/profile/Friends.tsx
index c1aa5c76..9b8b227c 100644
--- a/src/components/profile/Friends.tsx
+++ b/src/components/profile/Friends.tsx
@@ -24,36 +24,38 @@ const Friends: React.FC<FriendsProps> = ({result, screenType, userId}) => {
   const {user: loggedInUser = NO_USER} = state;
 
   return (
-    <ScrollView
-      keyboardShouldPersistTaps={'always'}
-      stickyHeaderIndices={[4]}
-      style={styles.scrollView}
-      contentContainerStyle={styles.scrollViewContent}
-      showsVerticalScrollIndicator={false}>
+    <>
       <View style={styles.subheader}>
         <Text style={styles.subheaderText}>Friends</Text>
       </View>
-      {result.map((profilePreview) => (
-        <View key={profilePreview.id} style={styles.container}>
-          <View style={styles.friend}>
-            <ProfilePreview
-              {...{profilePreview}}
-              previewType={'Friend'}
-              screenType={screenType}
-            />
+      <ScrollView
+        keyboardShouldPersistTaps={'always'}
+        stickyHeaderIndices={[4]}
+        style={styles.scrollView}
+        contentContainerStyle={styles.scrollViewContent}
+        showsVerticalScrollIndicator={false}>
+        {result.map((profilePreview) => (
+          <View key={profilePreview.id} style={styles.container}>
+            <View style={styles.friend}>
+              <ProfilePreview
+                {...{profilePreview}}
+                previewType={'Friend'}
+                screenType={screenType}
+              />
+            </View>
+            {loggedInUser.userId === userId && (
+              <TouchableOpacity
+                style={styles.button}
+                onPress={() =>
+                  handleUnfriend(screenType, profilePreview, dispatch, state)
+                }>
+                <Text style={styles.buttonTitle}>Unfriend</Text>
+              </TouchableOpacity>
+            )}
           </View>
-          {loggedInUser.userId === userId && (
-            <TouchableOpacity
-              style={styles.button}
-              onPress={() =>
-                handleUnfriend(screenType, profilePreview, dispatch, state)
-              }>
-              <Text style={styles.buttonTitle}>Unfriend</Text>
-            </TouchableOpacity>
-          )}
-        </View>
-      ))}
-    </ScrollView>
+        ))}
+      </ScrollView>
+    </>
   );
 };
 
@@ -62,40 +64,46 @@ const styles = StyleSheet.create({
     flexDirection: 'column',
     alignSelf: 'center',
     width: SCREEN_WIDTH * 0.85,
+    height: SCREEN_HEIGHT,
   },
   scrollViewContent: {
     alignSelf: 'center',
     paddingBottom: SCREEN_HEIGHT / 15,
     width: SCREEN_WIDTH * 0.85,
+    height: SCREEN_HEIGHT,
     marginTop: '1%',
   },
-  container: {
+  header: {flexDirection: 'row'},
+  subheader: {
     alignSelf: 'center',
-    flexDirection: 'row',
-    justifyContent: 'space-between',
     width: SCREEN_WIDTH * 0.85,
-    height: '50%',
-    alignItems: 'center',
-    marginBottom: '1%',
+    marginVertical: '3%',
   },
-  header: {flexDirection: 'row'},
-  subheader: {width: '100%', marginTop: '3%'},
   subheaderText: {
     color: '#828282',
     fontSize: normalize(12),
     fontWeight: '600',
     lineHeight: normalize(14.32),
   },
+  container: {
+    alignSelf: 'center',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    width: '100%',
+    height: normalize(42),
+    alignItems: 'center',
+    marginBottom: '5%',
+  },
   friend: {
-    marginVertical: 10,
     alignSelf: 'center',
+    height: '100%',
   },
   button: {
     alignSelf: 'center',
     justifyContent: 'center',
     alignItems: 'center',
     width: '100%',
-    height: '35%',
+    height: '55%',
     borderColor: TAGG_LIGHT_BLUE,
     borderWidth: 2,
     borderRadius: 2,
@@ -107,9 +115,9 @@ const styles = StyleSheet.create({
     padding: 0,
     fontSize: normalize(11),
     fontWeight: '700',
-    lineHeight: normalize(14),
-    letterSpacing: 0.5,
-    paddingHorizontal: '3.5%',
+    lineHeight: normalize(13.13),
+    letterSpacing: normalize(0.6),
+    paddingHorizontal: '3.8%',
   },
 });
 
diff --git a/src/components/profile/ProfilePreview.tsx b/src/components/profile/ProfilePreview.tsx
index cbee368b..455c4f56 100644
--- a/src/components/profile/ProfilePreview.tsx
+++ b/src/components/profile/ProfilePreview.tsx
@@ -318,12 +318,13 @@ const styles = StyleSheet.create({
     width: SCREEN_WIDTH * 0.6,
   },
   friendAvatar: {
-    height: normalize(44),
-    width: normalize(44),
+    height: '100%',
+    aspectRatio: 1,
     marginRight: 15,
-    borderRadius: 20,
+    borderRadius: 50,
   },
   friendNameContainer: {
+    height: '100%',
     justifyContent: 'space-evenly',
     alignSelf: 'stretch',
   },
@@ -331,13 +332,13 @@ const styles = StyleSheet.create({
     fontSize: normalize(14),
     fontWeight: '500',
     color: '#000',
-    letterSpacing: 0.3,
+    letterSpacing: normalize(0.1),
   },
   friendName: {
     fontSize: normalize(12),
     fontWeight: '400',
     color: '#6C6C6C',
-    letterSpacing: 0.1,
+    letterSpacing: normalize(0.1),
   },
 });
 
-- 
cgit v1.2.3-70-g09d2


From eed4a97314ae4063e2e7bee25c8b7d60827b90c4 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Thu, 4 Feb 2021 13:17:35 -0500
Subject: minor styling fix

---
 src/components/profile/Friends.tsx        | 2 +-
 src/components/profile/ProfilePreview.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/components/profile/ProfilePreview.tsx')

diff --git a/src/components/profile/Friends.tsx b/src/components/profile/Friends.tsx
index 9b8b227c..9b9e5302 100644
--- a/src/components/profile/Friends.tsx
+++ b/src/components/profile/Friends.tsx
@@ -70,7 +70,7 @@ const styles = StyleSheet.create({
     alignSelf: 'center',
     paddingBottom: SCREEN_HEIGHT / 15,
     width: SCREEN_WIDTH * 0.85,
-    height: SCREEN_HEIGHT,
+    height: SCREEN_HEIGHT * 0.75,
     marginTop: '1%',
   },
   header: {flexDirection: 'row'},
diff --git a/src/components/profile/ProfilePreview.tsx b/src/components/profile/ProfilePreview.tsx
index 455c4f56..fad3ec09 100644
--- a/src/components/profile/ProfilePreview.tsx
+++ b/src/components/profile/ProfilePreview.tsx
@@ -318,8 +318,8 @@ const styles = StyleSheet.create({
     width: SCREEN_WIDTH * 0.6,
   },
   friendAvatar: {
-    height: '100%',
-    aspectRatio: 1,
+    height: normalize(42),
+    width: normalize(42),
     marginRight: 15,
     borderRadius: 50,
   },
-- 
cgit v1.2.3-70-g09d2

