1 files changed, 58 insertions, 0 deletions
diff --git a/src/components/profile/UniversityIcon.tsx b/src/components/profile/UniversityIcon.tsx
new file mode 100644
index 00000000..15c23715
--- /dev/null
+++ b/src/components/profile/UniversityIcon.tsx
@@ -0,0 +1,58 @@
+import React from 'react';
+import {StyleSheet, ViewProps} from 'react-native';
+import {Image, Text, View} from 'react-native-animatable';
+import {getUniversityClass} from '../../utils';
+
+export interface UniversityIconProps extends ViewProps {
+  university: string;
+  university_class: number;
+}
+
+/**
+ * Component to display university icon and class
+ */
+const UniversityIcon: React.FC<UniversityIconProps> = ({
+  style,
+  university,
+  university_class,
+}) => {
+  var universityIcon;
+  switch (university) {
+    case 'brown':
+      universityIcon = require('../../assets/universities/brown.png');
+      break;
+    default:
+      universityIcon = require('../../assets/universities/brown.png');
+      break;
+  }
+
+  return (
+    <View style={[styles.container, style]}>
+      <Image source={universityIcon} style={styles.icon} />
+      <Text style={styles.univClass}>
+        {getUniversityClass(university_class)}
+      </Text>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'column',
+    flexWrap: 'wrap',
+    justifyContent: 'center',
+    marginBottom: '10%',
+  },
+  univClass: {
+    fontSize: 15,
+    fontWeight: '500',
+  },
+  icon: {
+    alignSelf: 'center',
+    width: 20,
+    height: 22.5,
+  },
+});
+
+export default UniversityIcon;