diff options
Diffstat (limited to 'src/screens/badge/BadgeScreenHeader.tsx')
-rw-r--r-- | src/screens/badge/BadgeScreenHeader.tsx | 22 |
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; |