commit

pages/laporan/new/index.js

@@ -28,6 +28,7 @@ import {
   ModalHeader,
   ModalBody,
   ModalFooter,
+  FormFeedback,
 } from "reactstrap";
 import Link from "next/link";
 import ContentWrapper from "@/components/Layout/ContentWrapper";
@@ -270,7 +271,7 @@ class App extends Component {
         icon: "error",
         confirmButtonColor: "#3e3a8e",
       });
-      this.setState({ error: "Kode verifikasi tidak valid", kodeVerifNotOK: true });
+      this.setState({ kodeVerifNotOK: true, error: false });
     } else {
       swal.fire({
         title: "Data berhasil dikirim",
@@ -659,7 +660,11 @@ class App extends Component {
                           this.setState({ kode: e.target.value })
                         }
                         type="text"
+                        placeholder={this.state.error}
                       />
+                      <FormFeedback invalid={this.state.error}>
+                        Kode verifikasi harus diisi
+                      </FormFeedback>
                     </div>
                     <p>
                       *Kode verifikasi terkirim ke nomor WA {this.state.no_hp}
@@ -688,11 +693,11 @@ class App extends Component {
                       </Button>
                     </CopyToClipboard>
                   </div>
-                  {this.state.error && (
+                  {/* {this.state.error && (
                     <div className="form-text text-danger">
                       {this.state.error}
                     </div>
-                  )}
+                  )} */}
                 </FormGroup>
               </ModalBody>
               <ModalFooter>
@@ -745,7 +750,7 @@ class App extends Component {
                         this.state.kode
                       );
                     } else {
-                      this.setState({ error: "Kode verifikasi harus diisi" });
+                      this.setState({ error: true, error: "Harus diisi" });
                     }
                     this.setState({ disablekirim3: false, disablecancel: false })
                   }}