ClaytonWWilson/CS307-Team24
1
0
Fork 0
mirror of https://github.com/ClaytonWWilson/CS307-Team24.git synced 2025-12-15 18:08:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add circular progress to home page

Browse Source
This commit is contained in:
Clayton Wilson 2019-12-05 13:35:19 -05:00
parent 739b1cc92a
commit a0d2532c22
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
twistter-frontend/src/pages/Home.js
View File

@ -35,17 +35,20 @@ const styles = {
class Home extends Component {
state = {
likes: []
likes: [],
loading: false
};
componentDidMount() {
this.setState({loading: true});
axios
.get("/getallPosts")
.then(res => {
// console.log(res.data);
this.setState({
posts: res.data
posts: res.data,
loading: false
});
})
.catch(err => console.log(err));
@ -139,6 +142,7 @@ class Home extends Component {
return (
authenticated ? (
this.state.loading ? (<CircularProgress size={60} style={{marginTop: "300px"}}></CircularProgress>) :
<Grid container>
<Grid item sm={4} xs={8}>
<Writing_Microblogs />
@ -147,7 +151,7 @@ class Home extends Component {
{postMarkup}
</Grid>
</Grid>
) : loading ?
) : loading ?
(<CircularProgress size={60} style={{marginTop: "300px"}}></CircularProgress>)
:
(