|
|
@@ -755,7 +755,21 @@ class App extends Component {
|
|
|
this.setState({ disablekirim3: false, disablecancel: false })
|
|
|
}}
|
|
|
>
|
|
|
- <span className="font-color-white">Kirim</span>
|
|
|
+ {this.state.loading ?
|
|
|
+ (
|
|
|
+ <div class="d-flex justify-content-center">
|
|
|
+ <span
|
|
|
+ class="spinner-border spinner-border-sm text-white"
|
|
|
+ role="status"
|
|
|
+ ></span>
|
|
|
+ <span className="font-color-white">
|
|
|
+ Diproses...
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ ) : (
|
|
|
+ <span className="font-color-white">Kirim</span>
|
|
|
+ )}
|
|
|
+
|
|
|
</Button>
|
|
|
</ModalFooter>
|
|
|
</form>
|
|
|
@@ -805,19 +819,33 @@ class App extends Component {
|
|
|
<span className="font-color-white">Cancel</span>
|
|
|
</Button>
|
|
|
<Button
|
|
|
- className="btn-login bg-success"
|
|
|
+ className="bg-success float-lg-right"
|
|
|
color
|
|
|
disabled={this.state.disablekirim}
|
|
|
onClick={async () => {
|
|
|
- this.setState({ disablecancel: true })
|
|
|
+ this.setState({ disablecancel: true, loading2: true })
|
|
|
await this.createLaporan(this.state.token);
|
|
|
this.setState({ disablecancel: false })
|
|
|
|
|
|
}}
|
|
|
>
|
|
|
- <span className="font-color-white">
|
|
|
- Kirim
|
|
|
- </span>
|
|
|
+ {this.state.loading2 ?
|
|
|
+ (
|
|
|
+ <div class="d-flex justify-content-center">
|
|
|
+ <span
|
|
|
+ class="spinner-border spinner-border-sm text-white"
|
|
|
+ role="status"
|
|
|
+ ></span>
|
|
|
+ <span className="font-color-white">
|
|
|
+ Diproses...
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ ) : (
|
|
|
+ <span className="font-color-white">
|
|
|
+ Kirim
|
|
|
+ </span>
|
|
|
+ )}
|
|
|
+
|
|
|
</Button>
|
|
|
</ModalFooter>
|
|
|
</form>
|