Added option to bottom drawer on profile screen

2 files changed, 18 insertions, 1 deletions

diff --git a/src/assets/ionicons/suggested-outlined.png b/src/assets/ionicons/suggested-outlined.png
new file mode 100644
index 00000000..f0ab5297
--- /dev/null
+++ b/src/assets/ionicons/suggested-outlined.png
diff --git a/src/components/profile/ProfileMoreInfoDrawer.tsx b/src/components/profile/ProfileMoreInfoDrawer.tsx
index daa83eb3..99b55685 100644
--- a/src/components/profile/ProfileMoreInfoDrawer.tsx
+++ b/src/components/profile/ProfileMoreInfoDrawer.tsx
@@ -1,6 +1,6 @@
 import {useNavigation} from '@react-navigation/native';
 import React from 'react';
-import {StyleSheet, TouchableOpacity} from 'react-native';
+import {Image, StyleSheet, TouchableOpacity} from 'react-native';
 import {useSelector} from 'react-redux';
 import MoreIcon from '../../assets/icons/more_horiz-24px.svg';
 import PersonOutline from '../../assets/ionicons/person-outline.svg';
@@ -34,6 +34,11 @@ const ProfileMoreInfoDrawer: React.FC<ProfileMoreInfoDrawerProps> = (props) => {
     setIsOpen(false);
   };
 
+  const goToUpdateSPProfile = () => {
+    navigation.push('UpdateSPPicture');
+    setIsOpen(false);
+  };
+
   const onBlockUnblock = () => {
     handleBlockUnblock(() => setIsOpen(false));
   };
@@ -66,6 +71,14 @@ const ProfileMoreInfoDrawer: React.FC<ProfileMoreInfoDrawerProps> = (props) => {
           showIcons={true}
           textColor={'black'}
           buttons={[
+            [
+              'Edit Suggested',
+              goToUpdateSPProfile,
+              <Image
+                source={require('../../assets/ionicons/suggested-outlined.png')}
+                style={styles.image}
+              />,
+            ],
             ['Edit Profile', goToEditProfile, <PersonOutline color="black" />],
           ]}
         />
@@ -109,6 +122,10 @@ const styles = StyleSheet.create({
     right: '5%',
     zIndex: 1,
   },
+  image: {
+    width: 20,
+    height: 20,
+  },
 });
 
 export default ProfileMoreInfoDrawer;