This commit is contained in:
Emily Liu 2020-12-24 02:34:47 -05:00
parent d7d71ef594
commit 45a48f7957
11 changed files with 88 additions and 39 deletions

View File

@ -42,8 +42,17 @@ const Event = ({item}) => {
const week = new Date(getWeekDate()) const week = new Date(getWeekDate())
const extra = ( const extra = (
<> <>
<Text style={{fontSize:20}}>{item.item.text}</Text> <Text style={{fontSize:20, paddingHorizontal: '1%'}}>{item.item.text}</Text>
<Text style={{fontSize:20}}>Location: {item.item.location}</Text> <View style={{display: 'flex', flexDirection: 'row', alignItems: 'center'}}>
<View style={{width: '10%', display: 'flex', justifyContent: 'center'}}>
<Image source={require('./assets/location.png')} style={{height: 22, width: 22}}/>
</View>
<View style={{width: '90%'}}>
<Text style={{fontSize:20}}>{item.item.location}</Text>
</View>
</View>
</> </>
) )

View File

@ -35,17 +35,29 @@ export const ClubInfo = ({route}) => {
const item = route.params; const item = route.params;
return ( return (
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}> <View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
<View style ={styles.infoContainer}> <View style ={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
<Text style = {[styles.title1, {fontSize: 24}]}>Meeting Time and Day: </Text> <View style={{width: '17%', display: 'flex', justifyContent: 'center'}}>
<Text style = {{fontSize:20}}>{item.meeting}</Text> <Image source ={require('./assets/time.png')} style={{width: 50, height: 50}}/>
</View>
<View style={{width: '83%'}}>
<Text style = {{fontSize:20}}>{item.meeting}</Text>
</View>
</View> </View>
<View style ={styles.infoContainer}> <View style ={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
<Text style = {[styles.title1, {fontSize: 24}]}>Zoom Link: </Text> <View style={{width: '17%', display: 'flex', justifyContent: 'center'}}>
<Text style = {[styles.linktext,{fontSize:20}]} onPress={() => Linking.openURL(item.link)}>{item.link}</Text> <Image source ={require('./assets/zoom.png')} style={{width: 50, height: 50}}/>
</View>
<View style={{width: '83%'}}>
<Text style = {[styles.linktext,{fontSize:20}]} onPress={() => Linking.openURL(item.link)}>{item.link}</Text>
</View>
</View> </View>
<View style ={styles.infoContainer}> <View style ={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
<Text style = {[styles.title1, {fontSize: 24}]}>Sponsor: </Text> <View style={{width: '17%', display: 'flex', justifyContent: 'center'}}>
<Text style = {{fontSize:20}}>{item.sponsor}</Text> <Image source ={require('./assets/sponsor.png')} style={{width: 50, height: 50}}/>
</View>
<View style={{width: '83%'}}>
<Text style = {{fontSize:20}}>{item.sponsor}</Text>
</View>
</View> </View>
</View> </View>
) )

File diff suppressed because one or more lines are too long

View File

@ -28,13 +28,21 @@ export const LunchInfo = ({route}) => {
const item = route.params; const item = route.params;
return ( return (
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}> <View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
<View style ={styles.infoContainer}> <View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
<Text style = {styles.title1}>Description: </Text> <View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
<Text style = {styles.title}>{item.text}</Text> <Image source={require('./assets/desc.png')} style={{height: 50, width: 50}}/>
</View>
<View style={{width: '85%'}}>
<Text style = {styles.title}>{item.text}</Text>
</View>
</View> </View>
<View style ={styles.infoContainer}> <View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
<Text style = {styles.title1}>Location: </Text> <View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
<Text style = {styles.title}>{item.loc}</Text> <Image source={require('./assets/location.png')} style={{height: 50, width: 50}}/>
</View>
<View style={{width: '85%'}}>
<Text style={{fontSize:20}}>{item.loc}</Text>
</View>
</View> </View>
</View> </View>
) )

View File

@ -30,17 +30,29 @@ export const SSLInfo = ({route}) => {
console console
return ( return (
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}> <View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
<View style ={styles.infoContainer}> <View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
<Text style = {styles.title1}>Description: </Text> <View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
<Text style = {styles.title}>{item.text}</Text> <Image source={require('./assets/desc.png')} style={{height: 50, width: 50}}/>
</View>
<View style={{width: '85%'}}>
<Text style = {styles.title}>{item.text}</Text>
</View>
</View> </View>
<View style ={styles.infoContainer}> <View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
<Text style = {styles.title1}>Who: </Text> <View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
<Text style = {styles.title}>{item.teacher}</Text> <Image source={require('./assets/unknown.png')} style={{height: 50, width: 50}}/>
</View>
<View style={{width: '85%'}}>
<Text style = {styles.title}>{item.teacher}</Text>
</View>
</View> </View>
<View style ={styles.infoContainer}> <View style={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
<Text style = {styles.title1}>Where: </Text> <View style={{width: '15%', display: 'flex', justifyContent: 'center'}}>
<Text style = {styles.title}>{item.loc}</Text> <Image source={require('./assets/location.png')} style={{height: 50, width: 50}}/>
</View>
<View style={{width: '85%'}}>
<Text style={{fontSize:20}}>{item.loc}</Text>
</View>
</View> </View>
</View> </View>
) )

View File

@ -30,13 +30,21 @@ const StaffElement = ({item}) => {
[ [
...item.item.emails.map(email=>( ...item.item.emails.map(email=>(
<View style={{display: 'flex', flexDirection: 'row', alignItems: 'center', marginTop: '2%', paddingHorizontal: '1%'}}> <View style={{display: 'flex', flexDirection: 'row', alignItems: 'center', marginTop: '2%', paddingHorizontal: '1%'}}>
<Image source={require('./assets/email.png')} style={{height: 22, width: 22}}/> <View style={{width: '10%', display: 'flex', justifyContent: 'center'}}>
<Text key={email}><Text style={styles.linktext} onPress={()=>Linking.openURL("mailto:"+email)}>{' '}{email}</Text></Text> <Image source={require('./assets/email.png')} style={{height: 22, width: 22}}/>
</View>
<View style={{width: '90%'}}>
<Text key={email}><Text style={styles.linktext} onPress={()=>Linking.openURL("mailto:"+email)}><Text></Text>{email}</Text></Text>
</View>
</View> </View>
)), )),
<View style={{display: 'flex', flexDirection: 'row', alignItems: 'center', marginTop: '2%', paddingHorizontal: '1%'}}> <View style={{display: 'flex', flexDirection: 'row', alignItems: 'center', marginTop: '2%', paddingHorizontal: '1%'}}>
<Image source = {require('./assets/dep.png')} style={{height: 22, width: 22}}/> <View style={{width: '10%', display: 'flex', justifyContent: 'center'}}>
<Text>{' '}{item.item.department}</Text> <Image source = {require('./assets/dep.png')} style={{height: 22, width: 22}}/>
</View>
<View style={{width: '90%'}}>
<Text>{item.item.department}</Text>
</View>
</View> </View>
] ]
) )

BIN
app/assets/desc.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
app/assets/location.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
app/assets/sponsor.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
app/assets/time.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
app/assets/zoom.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB