Merge pull request #330 from ankit-thanekar007/tma-722-cornell-fe

[TMA 722] : Cornell FrontEnd changes

1 files changed, 18 insertions, 4 deletions

diff --git a/src/screens/badge/BadgeScreenHeader.tsx b/src/screens/badge/BadgeScreenHeader.tsx
index fd250585..46c0c1c8 100644
--- a/src/screens/badge/BadgeScreenHeader.tsx
+++ b/src/screens/badge/BadgeScreenHeader.tsx
@@ -1,13 +1,23 @@
 import React from 'react';
 import {Image, StyleSheet, Text, View} from 'react-native';
-import {normalize} from '../../utils';
+import {UniversityType} from 'src/types';
+import {getUniversityBadge, normalize} from '../../utils';
 
-const BadgeScreenHeader: React.FC = () => {
+interface BadgeScreenHeaderProps {
+  university: UniversityType;
+}
+
+const BadgeScreenHeader: React.FC<BadgeScreenHeaderProps> = ({university}) => {
   return (
     <View style={styles.container}>
-      <Image source={require('../../assets/images/badges/brown_badge.png')} />
+      <Image
+        source={getUniversityBadge(university, 'Crest')}
+        style={styles.icon}
+      />
       <View style={styles.universityTextContainer}>
-        <Text style={styles.universityText}>Brown University Badges</Text>
+        <Text style={styles.universityText}>
+          {university} University Badges
+        </Text>
       </View>
       <View style={styles.searchTextContainer}>
         <Text style={styles.searchText}>
@@ -37,6 +47,10 @@ const styles = StyleSheet.create({
     lineHeight: normalize(17.9),
     color: 'white',
   },
+  icon: {
+    aspectRatio: 675 / 750,
+    height: 40,
+  },
 });
 
 export default BadgeScreenHeader;