apdet

src/container/Otorisasi/UserRole.js

@@ -232,46 +232,49 @@ class UserRole extends Component {
             </Alert>
         </Snackbar>
         <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 - Role & Authorization</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' }}>
-              <img src={Images.searchBlack} style={{ marginRight: 10 }} />
-              <InputBase
-                style={{ width: '100%' }}
-                placeholder="Search"
-                value={this.state.search}
-                onChange={(e) => {
-                  this.setState({ search: e.target.value }, () => {
-                    if (this.state.search.length > 0) {
-                      this.searchRole()
-                    } else {
-                      this.getRole()
-                    }
-                  });
-                }}
-                inputProps={{ 'aria-label': 'naked' }}
-              />
-            </div>
-            {/* <label style={{ color: 'white', width: '60%', justifyContent: 'center', display: 'flex', backgroundColor: 'white', borderWidth: 2, alignItems: 'center' }}>Search</label> */}
-            <div style={{ width: '20%', justifyContent: 'flex-end', display: 'flex' }}>
-              {this.state.buttonCreate && (
-                <a data-tip={'Create'} data-for="create">
-                  <button
-                    style={{
-                      backgroundColor: 'transparent',
-                      cursor: 'pointer',
-                      borderColor: 'transparent',
-                      margin: 5
-                    }}
-                    onClick={() => this.setState({ add: true })}
-                  >
-                    <img src={Images.add} />
-                  </button>
-                </a>
-              )}
-              <ReactTooltip border={true} id="create" place="bottom" type="light" effect="solid" />
+          {this.state.load && (
+
+            <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 - Role & Authorization</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' }}>
+                <img src={Images.searchBlack} style={{ marginRight: 10 }} />
+                <InputBase
+                  style={{ width: '100%' }}
+                  placeholder="Search"
+                  value={this.state.search}
+                  onChange={(e) => {
+                    this.setState({ search: e.target.value }, () => {
+                      if (this.state.search.length > 0) {
+                        this.searchRole()
+                      } else {
+                        this.getRole()
+                      }
+                    });
+                  }}
+                  inputProps={{ 'aria-label': 'naked' }}
+                />
+              </div>
+              {/* <label style={{ color: 'white', width: '60%', justifyContent: 'center', display: 'flex', backgroundColor: 'white', borderWidth: 2, alignItems: 'center' }}>Search</label> */}
+              <div style={{ width: '20%', justifyContent: 'flex-end', display: 'flex' }}>
+                {this.state.buttonCreate && (
+                  <a data-tip={'Create'} data-for="create">
+                    <button
+                      style={{
+                        backgroundColor: 'transparent',
+                        cursor: 'pointer',
+                        borderColor: 'transparent',
+                        margin: 5
+                      }}
+                      onClick={() => this.setState({ add: true })}
+                    >
+                      <img src={Images.add} />
+                    </button>
+                  </a>
+                )}
+                <ReactTooltip border={true} id="create" place="bottom" type="light" effect="solid" />
+              </div>
             </div>
-          </div>
+          )}
           <div style={{ padding: 25 }}>
             <MuiThemeProvider theme={getMuiTheme()}>
               <MUIDataTable