|  | @@ -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>
 |