fix pemantauan publik

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>
@@ -92,9 +103,9 @@ class App extends Component {
 										onSubmit={this.handleLihatPemantaun}
 									>
 										<Form className="form-horizontal">
-												<div class="header-1">
-    												<h2 class="card-title-1">Pemantauan</h2>
-												</div>
+											<div class="header-1">
+												<h2 class="card-title-1">Pemantauan</h2>
+											</div>
 											{/* <p className="lead bb">Pemantauan</p> */}
 											<FormGroup row>
 												<label className="col-md-2 col-form-label">Nomor Laporan</label>
@@ -123,20 +134,20 @@ class App extends Component {
 							</Card>
 							<Card className="card-default">
 								<CardBody>
-								<div class="header-1">
-    								<h2 class="card-title-1">Rekap Laporan</h2>
-								</div>
-								<div className="">
-									{laporan && log ? (
-										<>
-											<DetailLaporan data={laporan} />
-											<p className="lead bb tengah">Pemantauan</p>
-											<Timeline data={log} noFile />{" "}
-										</>
-									) : (
-										<p className="tengah">Tidak Ada Laporan</p>
-									)}
-								</div>
+									<div class="header-1">
+										<h2 class="card-title-1">Rekap Laporan</h2>
+									</div>
+									<div className="">
+										{laporan && log ? (
+											<>
+												<DetailLaporan data={laporan} />
+												<p className="lead bb tengah">Pemantauan</p>
+												<Timeline data={log} noFile />{" "}
+											</>
+										) : (
+											<p className="tengah">Tidak Ada Laporan</p>
+										)}
+									</div>
 								</CardBody>
 							</Card>
 						</Col>