[Improvement] Show loading text.

This commit is contained in:
Qolzam
2018-04-04 10:50:49 +07:00
parent 74265a5ec1
commit f6680f153c

View File

@@ -26,11 +26,11 @@ export default class MasterLoadingComponent extends Component<IMasterLoadingComp
return (
<Grid container>
<Grid item>
<CircularProgress style={{ color: red[500] }} size={50} />
<CircularProgress style={{ color: red[500] }} size={50} />
</Grid>
<Grid item>
<Typography variant='title' color='primary' style={{ marginLeft: '15px' }} >
Unexpected Error Happened ...
<Grid item style={{ zIndex: 1 }}>
<Typography variant='title' color='primary' style={{ marginLeft: '15px' }} >
Unexpected Error Happened ...
</Typography>
</Grid>
</Grid>
@@ -39,11 +39,11 @@ export default class MasterLoadingComponent extends Component<IMasterLoadingComp
return (
<Grid container>
<Grid item>
<CircularProgress style={{ color: red[500] }} size={50} />
<CircularProgress style={{ color: red[500] }} size={50} />
</Grid>
<Grid item>
<Typography variant='title' color='primary' style={{ marginLeft: '15px' }} >
It takes long time ...
<Grid item style={{ zIndex: 1 }}>
<Typography variant='title' color='primary' style={{ marginLeft: '15px' }} >
It takes long time ...
</Typography>
</Grid>
</Grid>
@@ -52,11 +52,11 @@ export default class MasterLoadingComponent extends Component<IMasterLoadingComp
return (
<Grid container>
<Grid item>
<CircularProgress size={50} />
<CircularProgress size={50} />
</Grid>
<Grid item>
<Typography variant='title' color='primary' style={{ marginLeft: '15px' }} >
Loading...
<Grid item style={{ zIndex: 1 }}>
<Typography variant='title' color='primary' style={{ marginLeft: '15px' }} >
Loading...
</Typography>
</Grid>
</Grid>
@@ -65,11 +65,11 @@ export default class MasterLoadingComponent extends Component<IMasterLoadingComp
return (
<Grid container>
<Grid item>
<CircularProgress size={50} />
<CircularProgress size={50} />
</Grid>
<Grid item>
<Typography variant='title' color='primary' style={{ marginLeft: '15px' }} >
Loading...
<Grid item style={{ zIndex: 1 }}>
<Typography variant='title' color='primary' style={{ marginLeft: '15px' }} >
Loading...
</Typography>
</Grid>
</Grid>