psmattas/resolver
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Improvement] Show loading text.

Browse Source
This commit is contained in:
Qolzam
2018-04-04 10:50:49 +07:00
parent 74265a5ec1
commit f6680f153c
1 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/masterLoading/MasterLoadingComponent.tsx
View File

@@ -25,12 +25,12 @@ export default class MasterLoadingComponent extends Component<IMasterLoadingComp
if (error) {
return (
<Grid container>
<Grid item>
<CircularProgress style={{ color: red[500] }} size={50} />
<Grid item>
<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>
@@ -38,12 +38,12 @@ export default class MasterLoadingComponent extends Component<IMasterLoadingComp
} else if (timedOut) {
return (
<Grid container>
<Grid item>
<CircularProgress style={{ color: red[500] }} size={50} />
<Grid item>
<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>
@@ -51,12 +51,12 @@ export default class MasterLoadingComponent extends Component<IMasterLoadingComp
} else if (pastDelay) {
return (
<Grid container>
<Grid item>
<CircularProgress size={50} />
<Grid item>
<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>
@@ -64,12 +64,12 @@ export default class MasterLoadingComponent extends Component<IMasterLoadingComp
} else {
return (
<Grid container>
<Grid item>
<CircularProgress size={50} />
<Grid item>
<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>