Merge branch 'master' of http://103.44.149.204/d.arizona/tia-dev into faisal

src/assets/sass/app.css

 .main-color{
-  background-color: #1a2d3e !important;
+  background-color: #273b80 !important;
 }
 
 .sub-color{
@@ -7,7 +7,7 @@
 }
 
 .blue-color{
-  color: #1a2d3e !important;
+  color: #273b80 !important;
 }
 
 .btn-save{

src/container/Home.js

@@ -76,7 +76,7 @@ const useStyles = makeStyles((theme) => ({
       easing: theme.transitions.easing.sharp,
       duration: theme.transitions.duration.enteringScreen,
     }),
-    backgroundColor: '#1a2d3e'
+    backgroundColor: '#273b80'
   },
   topleftClose: {
     borderRight: 0,
@@ -91,7 +91,7 @@ const useStyles = makeStyles((theme) => ({
       width: theme.spacing(7) + 1,
     },
     paddingLeft: 15,
-    backgroundColor: '#1a2d3e'
+    backgroundColor: '#273b80'
   },
   drawerOpen: {
     width: drawerWidth,

src/container/MasterData/UnitBisnis.js

@@ -430,8 +430,8 @@ export default class UnitBisnis extends Component {
                     </Alert>
                 </Snackbar>
                 {this.state.visibleUnitBisnis === true ?
-                    <div>
-                        {this.state.load && (
+                    this.state.load && (
+                        <div>
                             <div style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', paddingRight: 25, paddingLeft: 25, marginTop: -118 }}>
                                 <label style={{ color: 'white', fontSize: 16, alignSelf: 'center', width: '20%', }}>Master Data - Business Unit</label>
                                 <div style={{ color: 'white', width: '50%', height: 37, display: 'flex', backgroundColor: 'white', borderWidth: 2, alignItems: 'center', borderRadius: 6, paddingLeft: 5, paddingRight: 5, alignSelf: 'center' }}>
@@ -508,19 +508,18 @@ export default class UnitBisnis extends Component {
                                     <ReactTooltip border={true} id="create" place="bottom" type="light" effect="solid" />
                                 </div>
                             </div>
-                        )}
-                        <div style={{ padding: 25 }}>
-                            <MuiThemeProvider theme={getMuiTheme()}>
-                                <MUIDataTable
-                                    theme={getMuiTheme()}
-                                    data={this.state.dataTable}
-                                    columns={columns}
-                                    options={options}
-                                />
-                            </MuiThemeProvider>
-
+                            <div style={{ padding: 25 }}>
+                                <MuiThemeProvider theme={getMuiTheme()}>
+                                    <MUIDataTable
+                                        theme={getMuiTheme()}
+                                        data={this.state.dataTable}
+                                        columns={columns}
+                                        options={options}
+                                    />
+                                </MuiThemeProvider>
+                            </div>
                         </div>
-                    </div>
+                    )
                     :
                     <div>
                         <div style={{ display: 'flex', flexDirection: 'row', justifyContent: 'space-between', paddingRight: 25, paddingLeft: 25, marginTop: -150 }}>