Initial git
This commit is contained in:
53
app/components/MasterLoading.jsx
Normal file
53
app/components/MasterLoading.jsx
Normal file
@@ -0,0 +1,53 @@
|
||||
// - Import react components
|
||||
import React, {Component} from 'react'
|
||||
import CircularProgress from 'material-ui/CircularProgress'
|
||||
import Dialog from 'material-ui/Dialog'
|
||||
|
||||
// - Import app components
|
||||
|
||||
// - Create MasterLoading component class
|
||||
export default class MasterLoading extends Component {
|
||||
|
||||
// Constructor
|
||||
constructor(props) {
|
||||
super(props);
|
||||
|
||||
|
||||
// Binding functions to `this`
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Render app DOM component
|
||||
render() {
|
||||
return (
|
||||
<Dialog
|
||||
modal={true}
|
||||
open={this.props.activeLoading}
|
||||
autoDetectWindowHeight={false}
|
||||
overlayStyle={{backgroundColor: "white"}}
|
||||
contentClassName="mLoading__content"
|
||||
bodyStyle={{backgroundColor: ""}}
|
||||
bodyClassName="mLoading__body"
|
||||
>
|
||||
|
||||
<div>
|
||||
<div className="mLoading__context">
|
||||
|
||||
<CircularProgress color="white" size={80} thickness={7} />
|
||||
<h1 style={{float:"right", color:"#fff"}}>Green</h1>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</Dialog>
|
||||
|
||||
|
||||
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user