normalize function and normalized all fonts on profile page

1 files changed, 4 insertions, 12 deletions

diff --git a/src/components/profile/ProfileHeader.tsx b/src/components/profile/ProfileHeader.tsx
index 26bbbc90..7fc90257 100644
--- a/src/components/profile/ProfileHeader.tsx
+++ b/src/components/profile/ProfileHeader.tsx
@@ -5,6 +5,7 @@ import {UniversityIcon} from '.';
 import {PROFILE_CUTOUT_TOP_Y} from '../../constants';
 import {RootState} from '../../store/rootreducer';
 import {ScreenType} from '../../types';
+import {normalize} from '../../utils';
 import Avatar from './Avatar';
 import FriendsCount from './FriendsCount';
 import ProfileMoreInfoDrawer from './ProfileMoreInfoDrawer';
@@ -30,7 +31,6 @@ const ProfileHeader: React.FC<ProfileHeaderProps> = ({
     : useSelector((state: RootState) => state.user);
   const [drawerVisible, setDrawerVisible] = useState(false);
   const [firstName, lastName] = [...name.split(' ')];
-
   return (
     <View style={styles.container}>
       <ProfileMoreInfoDrawer
@@ -80,7 +80,6 @@ const styles = StyleSheet.create({
     top: PROFILE_CUTOUT_TOP_Y * 1.02,
     width: '100%',
     position: 'absolute',
-    // borderWidth: 1,
   },
   row: {
     flexDirection: 'row',
@@ -92,31 +91,24 @@ const styles = StyleSheet.create({
     marginRight: '15%',
     marginLeft: '5%',
     flex: 1,
-    // borderWidth: 1,
   },
   avatar: {
     marginLeft: '3%',
     top: '-8%',
   },
   name: {
-    fontSize: 17,
+    fontSize: normalize(17),
     fontWeight: '500',
     alignSelf: 'center',
-    // borderWidth: 1,
-  },
-  friends: {
-    // borderWidth: 1,
-  },
-  university: {
-    // borderWidth: 1,
   },
+  friends: {},
+  university: {},
   friendsAndUniversity: {
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-evenly',
     width: '100%',
     height: 50,
-    // borderWidth: 1,
   },
 });