All files / src/components Progress.jsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
 
 
 
10x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React, { Component } from 'react'
import { CircularProgress } from 'material-ui/Progress';
import { withStyles } from 'material-ui/styles';
 
const styles = theme => ({
    bar: {
      marginLeft: 5* theme.spacing.unit,
      marginRight:  5 * theme.spacing.unit,
      marginTop: 4 *  theme.spacing.unit,
    },
})
 
export class Progress extends Component {
  render() {
    const {classes, status = "loading..."} = this.props
    return (
      <CircularProgress
      size={40}
      left={10}
      top={0}
      status={status}
      className={classes.bar}
    />
    )
  }
}
 
export default withStyles(styles)(Progress)