feat(edit-profile): implement take photo option in profile media

Author: HelanaNady

src/screens/profile/EditProfileScreen.tsx

@@ -101,14 +101,14 @@ const EditProfileScreen = () => {
     return true;
   };
 
-  // const requestCameraPermissions = async () => {
-  //   const { status } = await ImagePicker.requestCameraPermissionsAsync();
-  //   if (status !== 'granted') {
-  //     Alert.alert('Permission needed', 'Please grant permission to access your camera');
-  //     return false;
-  //   }
-  //   return true;
-  // };
+  const requestCameraPermissions = async () => {
+    const { status } = await ImagePicker.requestCameraPermissionsAsync();
+    if (status !== 'granted') {
+      Alert.alert('Permission needed', 'Please grant permission to access your camera');
+      return false;
+    }
+    return true;
+  };
 
   const pickImageFromGallery = async () => {
     const hasPermission = await requestPermissions();
@@ -141,20 +141,21 @@ const EditProfileScreen = () => {
     }
   };
 
-  // const takePhoto = async () => {
-  //   const hasPermission = await requestCameraPermissions();
-  //   if (!hasPermission) return;
+  const takePhoto = async () => {
+    const hasPermission = await requestCameraPermissions();
+    if (!hasPermission) return;
 
-  //   const result = await ImagePicker.launchCameraAsync({
-  //     allowsEditing: true,
-  //     aspect: [1, 1],
-  //     quality: 0.8,
-  //   });
+    const result = await ImagePicker.launchCameraAsync({
+      allowsEditing: true,
+      aspect: [1, 1],
+      quality: 0.8,
+    });
 
-  //   if (!result.canceled && result.assets[0]) {
-  //     setProfileImage(result.assets[0].uri);
-  //   }
-  // };
+    if (!result.canceled && result.assets[0]) {
+      if (isEditingBanner) setBannerUrl(result.assets[0].uri);
+      else setAvatarUrl(result.assets[0].uri);
+    }
+  };
 
   const removeBanner = () => {
     setBannerUrl(null);
@@ -176,8 +177,7 @@ const EditProfileScreen = () => {
       // get new bio entities
       formData.bioEntities = getBioEntities(formData.bio);
 
-      // update or remove profile avatar
-      // update or remove profile banner
+      // to be implemented with mock later: updates to profile media
 
       // update birthday
       if (user.birthDate !== birthDate && birthDate) {
@@ -334,7 +334,13 @@ const EditProfileScreen = () => {
           >
             <Pressable onPress={() => setMenuVisible(false)} style={styles.overlay}>
               <View style={styles.dropdown}>
-                <Pressable style={styles.dropdownItem} onPress={() => {}}>
+                <Pressable
+                  style={styles.dropdownItem}
+                  onPress={() => {
+                    takePhoto();
+                    setMenuVisible(false);
+                  }}
+                >
                   <Text style={styles.dropdownText}>Take Photo</Text>
                 </Pressable>
                 <Pressable