diff options
| -rw-r--r-- | src/screens/onboarding/ProfileOnboarding.tsx | 28 | ||||
| -rw-r--r-- | src/screens/profile/EditProfile.tsx | 28 |
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) { |