updated icons

src/components/organisms/quickProfileModal/children/actionPanel.tsx

@@ -21,9 +21,8 @@ export const ActionPanel = ({
   onFavouritePress,
   onFollowPress,
 }: ActionPanelProps) => {
-  const heartColor = isFavourite ? '$primaryBlue' : '$iconColor';
-
-  const followIcon = isFollowing ? 'user-check' : 'user-plus';
+  const heartColor = isFavourite ? '$primaryRed' : '$iconColor';
+  const followColor = isFollowing ? '$primaryBlue' : '$iconColor';
 
   return (
     <View style={styles.actionPanel}>
@@ -37,10 +36,10 @@ export const ActionPanel = ({
         />
       ) : (
         <IconButton
-          iconType="FontAwesome5"
-          name={followIcon}
-          size={20}
-          color={EStyleSheet.value('$iconColor')}
+          iconType="MaterialCommunityIcons"
+          name={'account-plus'}
+          size={26}
+          color={EStyleSheet.value(followColor)}
           disabled={isFollowing || isLoading}
           onPress={onFollowPress}
         />
@@ -48,9 +47,9 @@ export const ActionPanel = ({
 
       <IconButton
         style={{ marginLeft: 8 }}
-        iconType="AntDesign"
-        name="heart"
-        size={20}
+        iconType="MaterialCommunityIcons"
+        name="account-heart"
+        size={26}
         color={EStyleSheet.value(heartColor)}
         onPress={onFavouritePress}
       />

src/components/sideMenu/view/sideMenuStyles.js

@@ -61,9 +61,7 @@ export default EStyleSheet.create({
   },
   listItemIcon: {
     color: '$iconColor',
-    fontSize: 20,
     marginRight: 5,
-    width: 20,
   },
   listItemText: {
     color: '$primaryDarkGray',
@@ -89,6 +87,7 @@ export default EStyleSheet.create({
   },
   itemWrapper: {
     flexDirection: 'row',
+    alignItems:'center',
     marginLeft: 55,
   },
   versionText: {

src/components/sideMenu/view/sideMenuView.js

@@ -127,6 +127,7 @@ const SideMenuView = ({
             iconType={item.item.iconType ? item.item.iconType : 'SimpleLineIcons'}
             style={styles.listItemIcon}
             name={item.item.icon}
+            size={20}
           />
         )}
         {item.item.username && (