aboutsummaryrefslogtreecommitdiff
path: root/src/screens/badge/BadgeScreenHeader.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/screens/badge/BadgeScreenHeader.tsx')
-rw-r--r--src/screens/badge/BadgeScreenHeader.tsx22
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;