From f6680f153c0f07eebe2f466b7618845e90dd571a Mon Sep 17 00:00:00 2001
From: Qolzam <amir.gholzam@live.com>
Date: Wed, 4 Apr 2018 10:50:49 +0700
Subject: [PATCH] [Improvement] Show loading text.

---
 .../masterLoading/MasterLoadingComponent.tsx  | 40 +++++++++----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/components/masterLoading/MasterLoadingComponent.tsx b/src/components/masterLoading/MasterLoadingComponent.tsx
index 192026f..fd9c452 100644
--- a/src/components/masterLoading/MasterLoadingComponent.tsx
+++ b/src/components/masterLoading/MasterLoadingComponent.tsx
@@ -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>