1 files changed, 42 insertions, 4 deletions
diff --git a/src/screens/profile/EditProfile.tsx b/src/screens/profile/EditProfile.tsx
index 3b3fa36e..36de2bfa 100644
--- a/src/screens/profile/EditProfile.tsx
+++ b/src/screens/profile/EditProfile.tsx
@@ -29,9 +29,10 @@ import {
   websiteRegex,
   bioRegex,
   genderRegex,
+  CLASS_YEAR_LIST,
 } from '../../constants';
 import AsyncStorage from '@react-native-community/async-storage';
-import {ProfileStackParams} from '../../routes';
+import {MainStackParams} from '../../routes';
 import Animated from 'react-native-reanimated';
 import {HeaderHeight, SCREEN_HEIGHT} from '../../utils';
 import {RootState} from '../../store/rootReducer';
@@ -47,12 +48,12 @@ import {
 import TaggLoadingIndicator from '../../components/common/TaggLoadingIndicator';
 
 type EditProfileNavigationProp = StackNavigationProp<
-  ProfileStackParams,
+  MainStackParams,
   'EditProfile'
 >;
 
 interface EditProfileProps {
-  route: RouteProp<ProfileStackParams, 'EditProfile'>;
+  route: RouteProp<MainStackParams, 'EditProfile'>;
   navigation: EditProfileNavigationProp;
 }
 
@@ -65,7 +66,7 @@ const EditProfile: React.FC<EditProfileProps> = ({route, navigation}) => {
   const y: Animated.Value<number> = Animated.useValue(0);
   const {userId, username} = route.params;
   const {
-    profile: {website, biography, gender, snapchat, tiktok},
+    profile: {website, biography, gender, snapchat, tiktok, university_class},
     avatar,
     cover,
   } = useSelector((state: RootState) => state.user);
@@ -99,6 +100,13 @@ const EditProfile: React.FC<EditProfileProps> = ({route, navigation}) => {
     isValidSnapchat: true,
     isValidTiktok: true,
     attemptedSubmit: false,
+    classYear: university_class,
+  });
+
+  var classYearList: Array<any> = [];
+
+  CLASS_YEAR_LIST.map((value) => {
+    classYearList.push({label: value, value: value});
   });
 
   /**
@@ -254,6 +262,14 @@ const EditProfile: React.FC<EditProfileProps> = ({route, navigation}) => {
     });
   };
 
+  const handleClassYearUpdate = (value: string) => {
+    const classYear = Number.parseInt(value);
+    setForm({
+      ...form,
+      classYear,
+    });
+  };
+
   const handleSubmit = useCallback(async () => {
     if (!form.largePic) {
       Alert.alert(ERROR_UPLOAD_LARGE_PROFILE_PIC);
@@ -335,6 +351,15 @@ const EditProfile: React.FC<EditProfileProps> = ({route, navigation}) => {
       invalidFields = true;
     }
 
+    if (form.classYear !== university_class) {
+      if (!form.classYear) {
+        invalidFields = true;
+        Alert.alert('Please select a valid class year');
+      } else {
+        request.append('university_class', form.classYear);
+      }
+    }
+
     if (invalidFields) {
       return;
     }
@@ -487,6 +512,19 @@ const EditProfile: React.FC<EditProfileProps> = ({route, navigation}) => {
                       value={form.customGenderText}
                     />
                   )}
+
+                  <TaggDropDown
+                    value={form.classYear.toString()}
+                    onValueChange={(value: string) =>
+                      handleClassYearUpdate(value)
+                    }
+                    items={classYearList}
+                    placeholder={{
+                      label: 'Class Year',
+                      value: null,
+                      color: '#ddd',
+                    }}
+                  />
                   {snapchat !== '' && (
                     <View style={styles.row}>
                       <SocialIcon social={'Snapchat'} style={styles.icon} />