caption detail laporan

pages/laporan/new/index.js

@@ -43,17 +43,17 @@ const checkIfFilesAreCorrectType = (files) => {
 };
 
 const laporanSchema = Yup.object().shape({
-	no_laporan: Yup.string().required("Harap Diisi"),
-	no_hp: Yup.number().required("Wajib Di Isi"),
+	no_laporan: Yup.string().required(),
+	no_hp: Yup.number().required("Wajib Diisi"),
 	nama: Yup.string().notRequired(),
-	setuju: Yup.boolean().isTrue(),
-	alamat: Yup.string().min(3).max(200).notRequired(),
-	keterangan: Yup.string().min(3).max(200).required("Wajib Di Isi"),
+	setuju: Yup.boolean().isTrue("Harap diceklis"),
+	alamat: Yup.string().min(3, "Minimal 3 huruf").max(200, "Maksimal 200 huruf").notRequired(),
+	keterangan: Yup.string().min(3, "Minimal 3 huruf").max(200, "Maksimal 200 huruf").required("Wajib Diisi"),
 	email: Yup.string().email().notRequired(),
-	pelanggaran_id: Yup.array().min(1).required("Wajib Di Isi"),
-	pt_id: Yup.string().required("Wajib Di Isi"),
+	pelanggaran_id: Yup.array().min(1, "Minimal terdapat 1 jenis pelanggaran").required("Wajib Diisi"),
+	pt_id: Yup.string().required("Wajib Diisi"),
 	foto: Yup.array().notRequired().test("filesize", "Maksimal ukuran foto 15mb", checkIfFilesAreTooBig).test("type", "harus jpeg/png", checkIfFilesAreCorrectType),
-	dokumen: Yup.array().min(1).required().test("filesize", "Maksimal ukuran dokumen 15mb", checkIfFilesAreTooBig),
+	dokumen: Yup.array().min(1, "Wajib upload dokumen").required().test("filesize", "Maksimal ukuran dokumen 15mb", checkIfFilesAreTooBig),
 	is_private: Yup.boolean().notRequired(),
 });
 
@@ -275,7 +275,9 @@ class App extends Component {
 												</div>
 											</FormGroup>
 											<FormGroup row>
-												<label className="col-md-2 col-form-label">Nomor Aktif<span className="star-color">*</span></label>
+												<label className="col-md-2 col-form-label">
+													Nomor Aktif<span className="star-color">*</span>
+												</label>
 												<div className="col-md-10">
 													<Field name="no_hp">{({ field, form }) => <Input type="tel" {...field} />}</Field>
 													<ErrorMessage name="no_hp" component="div" className="form-text text-danger" />
@@ -306,7 +308,7 @@ class App extends Component {
 														<label>
 															<Field name="is_private">{({ field }) => <Input type="checkbox" {...field} />}</Field>
 															<span className="fa fa-check"></span>
-															<text>*</text>Klik jika ingin merahasiakan identitas anda
+															<text>Klik jika ingin merahasiakan identitas anda</text>
 														</label>
 													</div>
 												</div>
@@ -323,7 +325,9 @@ class App extends Component {
 												</div>
 											</FormGroup>
 											<FormGroup row>
-												<label className="col-md-2 col-form-label">Perguruan Tinggi yang Dilaporkan<span className="star-color">*</span></label>
+												<label className="col-md-2 col-form-label">
+													Perguruan Tinggi yang Dilaporkan<span className="star-color">*</span>
+												</label>
 												<div className="col-md-10">
 													<Field name="pt_id">
 														{({ field, form }) => (
@@ -343,7 +347,9 @@ class App extends Component {
 												</div>
 											</FormGroup>
 											<FormGroup row>
-												<label className="col-md-2 col-form-label">Jenis Pelanggaran<span className="star-color">*</span></label>
+												<label className="col-md-2 col-form-label">
+													Jenis Pelanggaran<span className="star-color">*</span>
+												</label>
 												<div className="col-md-10">
 													<Field name="pelanggaran_id">
 														{({ field, form }) => (
@@ -367,14 +373,18 @@ class App extends Component {
 												</div>
 											</FormGroup>
 											<FormGroup row>
-												<label className="col-md-2 col-form-label">Keterangan Laporan<span className="star-color">*</span></label>
+												<label className="col-md-2 col-form-label">
+													Keterangan Laporan<span className="star-color">*</span>
+												</label>
 												<div className="col-md-10">
 													<Field name="keterangan">{({ field }) => <Input type="textarea" {...field} />}</Field>
 													<ErrorMessage name="keterangan" component="div" className="form-text text-danger" />
 												</div>
 											</FormGroup>
 											<FormGroup row>
-												<label className="col-md-2 col-form-label">File Pendukung<span className="star-color">*</span></label>
+												<label className="col-md-2 col-form-label">
+													File Pendukung<span className="star-color">*</span>
+												</label>
 												<div className="col-md-10">
 													<Field name="dokumen">{({ field, form }) => <Input type="file" multiple onChange={(e) => form.setFieldValue(field.name, Array.from(e.currentTarget.files))} />}</Field>
 													<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
@@ -386,7 +396,7 @@ class App extends Component {
 														<label>
 															<Field name="setuju">{({ field }) => <Input type="checkbox" {...field} />}</Field>
 															<span className="fa fa-check"></span>
-															<text>*</text>Klik jika data yang anda laporkan sudah benar
+															<text>Klik jika data yang anda laporkan sudah benar</text>
 															<ErrorMessage name="setuju" component="div" className="form-text text-danger" />
 														</label>
 													</div>
@@ -424,7 +434,7 @@ class App extends Component {
 										await this.createLaporan(this.state.token);
 									}}
 								>
-									Tidak memiliki Kode Verifikasi
+									Buat Laporan Tanpa Kode Verifikasi
 								</Button>
 								<Button
 									color="primary"