[Improvement] Show loading text.

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

View File

@@ -28,7 +28,7 @@ export default class MasterLoadingComponent extends Component<IMasterLoadingComp
<Grid item> <Grid item>
<CircularProgress style={{ color: red[500] }} size={50} /> <CircularProgress style={{ color: red[500] }} size={50} />
</Grid> </Grid>
<Grid item> <Grid item style={{ zIndex: 1 }}>
<Typography variant='title' color='primary' style={{ marginLeft: '15px' }} > <Typography variant='title' color='primary' style={{ marginLeft: '15px' }} >
Unexpected Error Happened ... Unexpected Error Happened ...
</Typography> </Typography>
@@ -41,7 +41,7 @@ export default class MasterLoadingComponent extends Component<IMasterLoadingComp
<Grid item> <Grid item>
<CircularProgress style={{ color: red[500] }} size={50} /> <CircularProgress style={{ color: red[500] }} size={50} />
</Grid> </Grid>
<Grid item> <Grid item style={{ zIndex: 1 }}>
<Typography variant='title' color='primary' style={{ marginLeft: '15px' }} > <Typography variant='title' color='primary' style={{ marginLeft: '15px' }} >
It takes long time ... It takes long time ...
</Typography> </Typography>
@@ -54,7 +54,7 @@ export default class MasterLoadingComponent extends Component<IMasterLoadingComp
<Grid item> <Grid item>
<CircularProgress size={50} /> <CircularProgress size={50} />
</Grid> </Grid>
<Grid item> <Grid item style={{ zIndex: 1 }}>
<Typography variant='title' color='primary' style={{ marginLeft: '15px' }} > <Typography variant='title' color='primary' style={{ marginLeft: '15px' }} >
Loading... Loading...
</Typography> </Typography>
@@ -67,7 +67,7 @@ export default class MasterLoadingComponent extends Component<IMasterLoadingComp
<Grid item> <Grid item>
<CircularProgress size={50} /> <CircularProgress size={50} />
</Grid> </Grid>
<Grid item> <Grid item style={{ zIndex: 1 }}>
<Typography variant='title' color='primary' style={{ marginLeft: '15px' }} > <Typography variant='title' color='primary' style={{ marginLeft: '15px' }} >
Loading... Loading...
</Typography> </Typography>