[TMA-412] Changed strings to Header and Profile Picture (#128)

* updated text

* edited some more strings

2 files changed, 20 insertions, 36 deletions

diff --git a/src/screens/onboarding/ProfileOnboarding.tsx b/src/screens/onboarding/ProfileOnboarding.tsx
index f21f3864..9d99f2b1 100644
--- a/src/screens/onboarding/ProfileOnboarding.tsx
+++ b/src/screens/onboarding/ProfileOnboarding.tsx
@@ -100,49 +100,45 @@ const ProfileOnboarding: React.FC<ProfileOnboardingProps> = ({
   };
 
   /**
-   * Profile screen "Add Large Profile Pic Here" button
+   * Profile screen "Add header image" button
    */
   const LargeProfilePic = () => (
     <TouchableOpacity
       accessible={true}
-      accessibilityLabel="ADD LARGE PROFILE PIC HERE"
+      accessibilityLabel="ADD HEADER IMAGE"
       onPress={goToGalleryLargePic}
       style={styles.largeProfileUploader}>
       {form.largePic ? (
         <Image source={{uri: form.largePic}} style={styles.largeProfilePic} />
       ) : (
-        <Text style={styles.largeProfileText}>ADD LARGE PROFILE PIC HERE</Text>
+        <Text style={styles.largeProfileText}>ADD HEADER IMAGE</Text>
       )}
     </TouchableOpacity>
   );
 
   /**
-   * Profile screen "Add Smaller Profile Pic Here" button
+   * Profile screen "Add profile picture" button
    */
   const SmallProfilePic = () => (
     <TouchableOpacity
       accessible={true}
-      accessibilityLabel="ADD SMALLER PIC"
+      accessibilityLabel="ADD PROFILE PICTURE"
       onPress={goToGallerySmallPic}
       style={styles.smallProfileUploader}>
       {form.smallPic ? (
         <Image source={{uri: form.smallPic}} style={styles.smallProfilePic} />
       ) : (
-        <Text style={styles.smallProfileText}>ADD SMALLER PIC</Text>
+        <Text style={styles.smallProfileText}>ADD PROFILE PICTURE</Text>
       )}
     </TouchableOpacity>
   );
 
-  /*
-   * Handles tap on add profile picture buttons by navigating to camera access
-   * and selecting a picture from gallery for large profile picture
-   */
   const goToGalleryLargePic = () => {
     ImagePicker.openPicker({
       width: 580,
       height: 580,
       cropping: true,
-      cropperToolbarTitle: 'Large profile picture',
+      cropperToolbarTitle: 'Select Header',
       mediaType: 'photo',
     })
       .then((picture) => {
@@ -156,16 +152,12 @@ const ProfileOnboarding: React.FC<ProfileOnboardingProps> = ({
       .catch(() => {});
   };
 
-  /*
-   * Handles tap on add profile picture buttons by navigating to camera access
-   * and selecting a picture from gallery for small profile picture
-   */
   const goToGallerySmallPic = () => {
     ImagePicker.openPicker({
       width: 580,
       height: 580,
       cropping: true,
-      cropperToolbarTitle: 'Small profile picture',
+      cropperToolbarTitle: 'Select Profile Picture',
       mediaType: 'photo',
       cropperCircleOverlay: true,
     })
@@ -238,11 +230,11 @@ const ProfileOnboarding: React.FC<ProfileOnboardingProps> = ({
 
   const handleSubmit = async () => {
     if (!form.largePic) {
-      Alert.alert('Please upload a large profile picture!');
+      Alert.alert('Please select a Header image!');
       return;
     }
     if (!form.smallPic) {
-      Alert.alert('Please upload a small profile picture!');
+      Alert.alert('Please select a Profile Picture!');
       return;
     }
     if (!form.attemptedSubmit) {
diff --git a/src/screens/profile/EditProfile.tsx b/src/screens/profile/EditProfile.tsx
index 44d99b82..00a043cd 100644
--- a/src/screens/profile/EditProfile.tsx
+++ b/src/screens/profile/EditProfile.tsx
@@ -123,49 +123,45 @@ const ProfileOnboarding: React.FC<ProfileOnboardingProps> = ({
   };
 
   /**
-   * Profile screen "Add Large Profile Pic Here" button
+   * Profile screen "Add header image" button
    */
   const LargeProfilePic = () => (
     <TouchableOpacity
       accessible={true}
-      accessibilityLabel="ADD LARGE PROFILE PIC HERE"
+      accessibilityLabel="ADD HEADER IMAGE"
       onPress={goToGalleryLargePic}
       style={styles.largeProfileUploader}>
       {form.largePic ? (
         <Image source={{uri: form.largePic}} style={styles.largeProfilePic} />
       ) : (
-        <Text style={styles.largeProfileText}>ADD LARGE PROFILE PIC HERE</Text>
+        <Text style={styles.largeProfileText}>ADD HEADER IMAGE</Text>
       )}
     </TouchableOpacity>
   );
 
   /**
-   * Profile screen "Add Smaller Profile Pic Here" button
+   * Profile screen "Add profile picture" button
    */
   const SmallProfilePic = () => (
     <TouchableOpacity
       accessible={true}
-      accessibilityLabel="ADD SMALLER PIC"
+      accessibilityLabel="ADD PROFILE PICTURE"
       onPress={goToGallerySmallPic}
       style={styles.smallProfileUploader}>
       {form.smallPic ? (
         <Image source={{uri: form.smallPic}} style={styles.smallProfilePic} />
       ) : (
-        <Text style={styles.smallProfileText}>ADD SMALLER PIC</Text>
+        <Text style={styles.smallProfileText}>ADD PROFILE PICTURE</Text>
       )}
     </TouchableOpacity>
   );
 
-  /*
-   * Handles tap on add profile picture buttons by navigating to camera access
-   * and selecting a picture from gallery for large profile picture
-   */
   const goToGalleryLargePic = () => {
     ImagePicker.openPicker({
       width: 580,
       height: 580,
       cropping: true,
-      cropperToolbarTitle: 'Large profile picture',
+      cropperToolbarTitle: 'Select Header',
       mediaType: 'photo',
     })
       .then((picture) => {
@@ -179,16 +175,12 @@ const ProfileOnboarding: React.FC<ProfileOnboardingProps> = ({
       .catch(() => {});
   };
 
-  /*
-   * Handles tap on add profile picture buttons by navigating to camera access
-   * and selecting a picture from gallery for small profile picture
-   */
   const goToGallerySmallPic = () => {
     ImagePicker.openPicker({
       width: 580,
       height: 580,
       cropping: true,
-      cropperToolbarTitle: 'Small profile picture',
+      cropperToolbarTitle: 'Select Profile Picture',
       mediaType: 'photo',
       cropperCircleOverlay: true,
     })
@@ -264,11 +256,11 @@ const ProfileOnboarding: React.FC<ProfileOnboardingProps> = ({
 
   const handleSubmit = useCallback(async () => {
     if (!form.largePic) {
-      Alert.alert('Please upload a large profile picture!');
+      Alert.alert('Please select a Header image!');
       return;
     }
     if (!form.smallPic) {
-      Alert.alert('Please upload a small profile picture!');
+      Alert.alert('Please select a Profile Picture!');
       return;
     }
     if (!form.attemptedSubmit) {