emh/blazerapp
1
0
Fork 0
mirror of https://github.com/Blair-SGA-Dev-Team/blazerapp.git synced 2024-11-21 20:41:16 -05:00
Code Issues Packages Projects Releases Wiki Activity

Student of the week page finished

Browse Source
This commit is contained in:
Emily Liu 2020-09-02 22:03:14 -04:00
parent 219a12d84c
commit 6463193deb
1 changed files with 39 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
app/StudentWeek.js
View File

@ -6,6 +6,7 @@ import {
View,
Text,
StatusBar,
Image,
} from 'react-native';
import {
@ -16,14 +17,47 @@ import {
ReloadInstructions,
} from 'react-native/Libraries/NewAppScreen';
import { url } from './resources/fetchInfo.json'
class StudentWeek extends React.Component {
constructor(props) {
super(props)
this.state = {
isLoading: true
}
}
componentDidMount() {
fetch(`${url}/api/en/student`,{
headers: {
'Cache-Control': 'no-cache'
}}
).then((response) => {
return response.text();
}).then((json) => {
this.setState({data: JSON.parse(json),isLoading:false});
}).catch((error) => console.error(error))
}
render() {
console.log(this.state.data)
if (this.state.isLoading) {
return <View/>
} else {
return (
<View>
<View style={{paddingTop:'5%',paddingLeft:'10%',paddingRight:'10%'}}>
<Text style={{fontSize:32,marginBottom:'10%',textAlign:'center'}}>{this.state.data.name}</Text>
<Image style = {{height: '50%', width:'100%'}}source={this.state.data.icon} />
<View style = {{paddingTop:'5%'}}>
<Text style={{fontSize: 20}}>Grade {this.state.data.year}</Text>
<Text style={{fontSize: 20}}>{"\n"}Hobbies: {this.state.data.hobbies}</Text>
<Text style={{fontSize: 20}}>{"\n"}Achievements: {this.state.data.achievements}</Text>
</View>
</View>
)
}
}
}
export default StudentWeek;