mirror of
https://github.com/Blair-SGA-Dev-Team/blazerapp.git
synced 2024-11-12 16:51:16 -05:00
Update individual staff page
- add format like SOTW to individual staff pages - add image, phone, and position values on page (waiting for cms update)
This commit is contained in:
parent
9d6901c499
commit
1f261eb15f
46
app/Staff.js
46
app/Staff.js
|
@ -35,8 +35,11 @@ const Stack = createStackNavigator();
|
||||||
|
|
||||||
export const StaffInfo = ({route}) => {
|
export const StaffInfo = ({route}) => {
|
||||||
const item = route.params;
|
const item = route.params;
|
||||||
|
|
||||||
|
console.log(item);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
|
/*<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
|
||||||
{item.emails.map(email =>
|
{item.emails.map(email =>
|
||||||
<View style ={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
<View style ={[styles.infoContainer, {flexDirection: 'row', alignItems: 'center'}]}>
|
||||||
<View style={{display: 'flex', justifyContent: 'center'}}>
|
<View style={{display: 'flex', justifyContent: 'center'}}>
|
||||||
|
@ -47,7 +50,46 @@ export const StaffInfo = ({route}) => {
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
</View>
|
</View>*/
|
||||||
|
<ScrollView style={{paddingTop:'5%',paddingHorizontal:'10%', backgroundColor: 'white', height: '100%'}}>
|
||||||
|
<View style={{backgroundColor: 'white',borderRadius: 150, height: 300, width: 300, alignSelf: 'center', shadowColor: 'red', shadowOffset: {width: 0, height: 2}, shadowOpacity: 0.5, shadowRadius: 7}}>
|
||||||
|
<Image style={{resizeMode: 'cover',borderRadius: 150, height: 300, width: 300, alignSelf: 'center'}} source = {{/* CHANGE */}} />
|
||||||
|
</View>
|
||||||
|
<Text style={{fontSize:28,marginTop:'5%',textAlign:'center'}}>{item.name}</Text>
|
||||||
|
<Text style={{fontSize:20,textAlign:'center', fontWeight: '200'}}>{item.position || ""}</Text>
|
||||||
|
|
||||||
|
{item.emails &&
|
||||||
|
<View style={{display: 'flex', padding:'2%', borderRadius: 8, marginTop:'5%'}}>
|
||||||
|
<View style={{display:'flex', flexDirection: 'row'}}>
|
||||||
|
<Ionicons name='mail-outline' size={28} style={{marginRight: 15}}/>
|
||||||
|
<View style = {{display: 'flex', flexDirection: 'row', width: '85%', justifyContent: 'space-between', paddingHorizontal:'2%',}}>
|
||||||
|
<Text style={{fontSize: 20, alignSelf: 'center'}}>{"Email"}</Text>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
<Text style = {{marginLeft: 50, paddingHorizontal: '2%', paddingBottom: '2%'}}>
|
||||||
|
{item.emails.map(email =>
|
||||||
|
<Text key={email}>{email}</Text>
|
||||||
|
)}
|
||||||
|
</Text>
|
||||||
|
</View>
|
||||||
|
}
|
||||||
|
|
||||||
|
{item.phone &&
|
||||||
|
<View style={{display: 'flex', padding:'2%', borderRadius: 8, marginTop:'5%'}}>
|
||||||
|
<View style={{display:'flex', flexDirection: 'row'}}>
|
||||||
|
<Ionicons name='call-outline' size={28} style={{marginRight: 15}}/>
|
||||||
|
<View style = {{display: 'flex', flexDirection: 'row', width: '85%', justifyContent: 'space-between', paddingHorizontal:'2%',}}>
|
||||||
|
<Text style={{fontSize: 20, alignSelf: 'center'}}>{"Phone"}</Text>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
<Text style = {{marginLeft: 50, paddingHorizontal: '2%', paddingBottom: '2%'}}>
|
||||||
|
{item.phone.map(num =>
|
||||||
|
<Text key={num}>{num}</Text>
|
||||||
|
)}
|
||||||
|
</Text>
|
||||||
|
</View>
|
||||||
|
}
|
||||||
|
</ScrollView>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
function StaffElement (props) {
|
function StaffElement (props) {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user