commit

components/PT/JawabanKeberatan/ModalPermohonan.js

@@ -192,6 +192,7 @@ export class ModalPermohonan extends Component {
 											)}
 										</Field>
 										<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
+										<p className="mrgn-top-5">Ukuran setiap dokumen maksimal 15mb</p>
 									</div>
 								</FormGroup>
 							</ModalBody>

components/PT/Keberatan/ModalPermohonan.js

@@ -194,6 +194,7 @@ export class ModalPermohonan extends Component {
 											)}
 										</Field>
 										<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
+										<p className="mrgn-top-5">Ukuran setiap dokumen maksimal 15mb</p>
 									</div>
 								</FormGroup>
 							</ModalBody>

components/Pemeriksaan/InputEvaluasi.js

@@ -218,6 +218,7 @@ export default class InputEvaluasi extends Component {
 									)}
 								</Field>
 								<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
+								<p className="mrgn-top-5">Ukuran setiap dokumen maksimal 15mb</p>
 							</div>
 						</FormGroup>
 						<FormGroup row>

components/Sanksi/UploadSurat.js

@@ -111,7 +111,8 @@ export class UploadSurat extends Component {
 								);
 							}}
 						</DropzoneWrapper>
-						<span className="form-text">Multiple files upload</span>
+						{/* <span className="form-text">Multiple files upload</span> */}
+						<p className="mrgn-top-5">Ukuran setiap dokumen maksimal 15mb</p>
 					</div>
 				</FormGroup>
 			</form>

pages/app/banding/detail.js

@@ -59,7 +59,7 @@ const checkIfFilesAreCorrectType = (files) => {
 };
 const jawabanBandingSchema = Yup.object().shape({
 	status: Yup.string().required("Harap Diisi"),
-	dokumen: Yup.array().min(1, "Minimal terdapat 1 dokumen").required("Required").test("filesize", "Maksimal ukuran dokumen 15mb", checkIfFilesAreTooBig),
+	dokumen: Yup.array().min(1, " ").required("Required").test("filesize", "Maksimal ukuran dokumen 15mb", checkIfFilesAreTooBig),
 });
 class JawabanBanding extends Component {
 	constructor(props) {
@@ -255,6 +255,7 @@ class JawabanBanding extends Component {
 																		)}
 																	</Field>
 																	<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
+																	<p className="mrgn-top-5">Ukuran setiap dokumen maksimal 15mb</p>
 																</div>
 															</FormGroup>
 															<FormGroup row>

pages/app/keberatan/detail.js

@@ -278,6 +278,7 @@ class DetailKeberatan extends Component {
 																		)}
 																	</Field>
 																	<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
+																	<p className="mrgn-top-5">Ukuran setiap dokumen maksimal 15mb</p>
 																</div>
 															</FormGroup>
 															{/* <FormGroup>

pages/app/pelaporan/index.js

@@ -29,7 +29,7 @@ class Pelaporan extends Component {
 					Pelaporan
 					<div className="ml-auto"></div>
 					<Link href="/app/penjadwalan">
-						<button className="btn btn-sm btn-secondary text-sm">next &gt;</button>
+						<button className="btn btn-sm btn-secondary text-sm">Penjadwalan Evaluasi &gt;</button>
 					</Link>
 				</div>
 				<Row>

pages/app/pemeriksaan/index.js

@@ -30,10 +30,10 @@ class Pemeriksaan extends Component {
 					<div>Evaluasi</div>
 					<div className="ml-auto">
 						<Link href="/app/penjadwalan">
-							<button className="btn btn-sm btn-secondary text-sm">&lt; back</button>
+							<button className="btn btn-sm btn-secondary text-sm">&lt; Penjadwalan Evaluasi</button>
 						</Link>
 						<Link href="/app/sanksi">
-							<button className="btn btn-sm btn-secondary text-sm">next &gt;</button>
+							<button className="btn btn-sm btn-secondary text-sm">Sanksi &gt;</button>
 						</Link>
 					</div>
 				</div>

pages/app/pencabutan-sanksi/detail.js

@@ -272,6 +272,7 @@ class JawabanPencabutanSanksi extends Component {
 																		)}
 																	</Field>
 																	<ErrorMessage name="dokumen" component="div" className="form-text text-danger" />
+																	<p className="mrgn-top-5">Ukuran setiap dokumen maksimal 15mb</p>
 																</div>
 															</FormGroup>
 															<FormGroup>

pages/app/penjadwalan/index.js

@@ -30,10 +30,10 @@ class Penjadwalan extends Component {
 					<div>Penjadwalan Evaluasi</div>
 					<div className="ml-auto">
 						<Link href="/app/pelaporan">
-							<button className="btn btn-sm btn-secondary text-sm">&lt; back</button>
+							<button className="btn btn-sm btn-secondary text-sm">&lt; Pelaporan</button>
 						</Link>
 						<Link href="/app/pemeriksaan">
-							<button className="btn btn-sm btn-secondary text-sm">next &gt;</button>
+							<button className="btn btn-sm btn-secondary text-sm">Pemeriksaan &gt;</button>
 						</Link>
 					</div>
 				</div>

pages/pemantauan.js

@@ -9,6 +9,9 @@ import { getLogPublic } from "@/actions/log";
 import Timeline from "@/components/Main/Timeline";
 import { Formik, Form, Field, ErrorMessage } from "formik";
 import * as Yup from "yup";
+import { ToastContainer, toast } from "react-toastify";
+
+import "react-toastify/dist/ReactToastify.css";
 
 const menu = [
 	{
@@ -52,18 +55,26 @@ class App extends Component {
 
 	handleLihatPemantaun = async (data) => {
 		const { no_hp, no_laporan } = data;
+		const toastid = toast.loading("Please wait...");
 		const log = await getLogPublic({ no_hp, no_laporan });
-		this.setState({ laporan: log.data.laporan });
-		this.setState({ log: log.data.pemantauan });
+		if (log.data) {
+			this.setState({ laporan: log.data.laporan, log: log.data.pemantauan });
+			toast.update(toastid, { render: "Berhasil mendapatkan data Pemantauan", type: "success", isLoading: false, autoClose: true, closeButton: true });
+		} else {
+			this.setState({ laporan: null, log: null });
+			toast.update(toastid, { render: "Pemantauan tidak ada", type: "error", isLoading: false, autoClose: true, closeButton: true });
+		}
 	};
 
 	render() {
 		const { laporan, log } = this.state;
 		return (
 			<div>
+				<ToastContainer />
 				<Navbar className="navbar-color" expand="md" dark>
 					<NavbarBrand href="/">
-						<img className="img-fluid" src="/static/img/Logo-vputih.png" alt="App Logo" /><img className="img-text-vputih" src="/static/img/Logo-text-vputih.png" alt="App Logo" />
+						<img className="img-fluid" src="/static/img/Logo-vputih.png" alt="App Logo" />
+						<img className="img-text-vputih" src="/static/img/Logo-text-vputih.png" alt="App Logo" />
 					</NavbarBrand>
 					<NavbarToggler onClick={this.toggleCollapse} />
 					<Collapse isOpen={this.state.isOpen} navbar>