fix bug

components/PT/Keberatan/ModalPermohonan.js

@@ -136,8 +136,8 @@ export class ModalPermohonan extends Component {
 				<Modal isOpen={this.props.modal} toggle={this.props.toggleModal}>
 					<ModalBody>Apakah anda akan mengajukan permohonan keberatan atas pengenaan sanksi?</ModalBody>
 					<ModalFooter>
-						<Button color className=" color-3e3a8e btn-login" onClick={this.toggleModal1}>
-							Ya
+						<Button color className="btn-login" onClick={this.toggleModal1}>
+							<span className=" font-color-white"></span>Ya
 						</Button>{" "}
 						<Button color="danger" onClick={this.props.toggleModal}>
 							Tidak

components/Sanksi/Ringkasan.js

@@ -65,31 +65,31 @@ function Ringkasan({ dataLaporan, dataPelanggaran, dataUpload }) {
 							<tbody>
 								{dataPelanggaran
 									? dataPelanggaran.map((e, i) => (
-											<tr key={e._id}>
-												<td>{++i}</td>
-												<td>
-													<div className="media align-items-center">
-														<div className="media-body d-flex">
-															<div>
-																<p>{e.pelanggaran}</p>
-																<p>TMT : {e.tmt_bulan} Bulan</p>
-																<p>Level Pelanggaran : {e.label_sanksi}</p>
-															</div>
+										<tr key={e._id}>
+											<td>{++i}</td>
+											<td>
+												<div className="media align-items-center">
+													<div className="media-body d-flex">
+														<div>
+															<p>{e.pelanggaran}</p>
+															<p>TMT : {e.tmt_bulan} Bulan</p>
+															<p>Level Pelanggaran : {e.label_sanksi}</p>
 														</div>
 													</div>
-												</td>
-												<td>
-													<div className="media align-items-center">
-														<div className="media-body d-flex">
-															<div>
-																<p>{e.sanksi}</p>
-																<p>Keterangan : {e.keterangan_sanksi}</p>
-															</div>
+												</div>
+											</td>
+											<td>
+												<div className="media align-items-center">
+													<div className="media-body d-flex">
+														<div>
+															<p>{e.sanksi}</p>
+															<p>Keterangan : {e.keterangan_sanksi}</p>
 														</div>
 													</div>
-												</td>
-											</tr>
-									  ))
+												</div>
+											</td>
+										</tr>
+									))
 									: ""}
 							</tbody>
 						</Table>
@@ -122,9 +122,9 @@ function Ringkasan({ dataLaporan, dataPelanggaran, dataUpload }) {
 							<Col md="4">TMT Berlaku:</Col>
 							<Col md="8">
 								<strong>
-									{dataUpload && dataUpload.tmtDate ? (
+									{dataUpload && dataUpload.isiTmt ? (
 										<p>
-											{moment(dataUpload.tmtDate.startDate).format("DD MMMM YYYY")} - {moment(dataUpload.tmtDate.endDate).format("DD MMMM YYYY")}
+											{moment(dataUpload.startDate).format("DD MMMM YYYY")} - {moment(dataUpload.isiTmt).format("DD MMMM YYYY")}
 										</p>
 									) : (
 										""
@@ -140,17 +140,17 @@ function Ringkasan({ dataLaporan, dataPelanggaran, dataUpload }) {
 										<tbody>
 											{dataUpload
 												? dataUpload.files.map((e) => (
-														<tr>
-															<td>
-																<em className="fa-lg far fa-file-code"></em>
-															</td>
-															<td>
-																<a className="text-muted" href={e.preview} download={e.name}>
-																	{e.name}
-																</a>
-															</td>
-														</tr>
-												  ))
+													<tr>
+														<td>
+															<em className="fa-lg far fa-file-code"></em>
+														</td>
+														<td>
+															<a className="text-muted" href={e.preview} download={e.name}>
+																{e.name}
+															</a>
+														</td>
+													</tr>
+												))
 												: ""}
 										</tbody>
 									</table>

components/Sanksi/TmtDate.js

@@ -32,7 +32,7 @@ class TmtDate extends Component {
 							minDate={this.state.startDay}
 							maxDate={this.state.maxDay}
 							placeholderText="isi TMT"
-							// maxDate={addDays(new Date(), 5)}
+						// maxDate={addDays(new Date(), 5)}
 						/>
 						<strong>Max pengisian TMT 6 bulan</strong>
 					</div>

components/Sanksi/UploadSurat.js

@@ -1,7 +1,10 @@
 import React, { Component } from "react";
 import { Row, Col, Input, FormGroup } from "reactstrap";
 import Select from "react-select";
-import TmtDate from "./TmtDate";
+// import TmtDate from "./TmtDate";
+import DatePicker from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+import ms from "ms";
 
 let Dropzone = null;
 class DropzoneWrapper extends Component {
@@ -63,12 +66,16 @@ const formatOptionLabel = ({ value, sanksi, label_sanksi }) => (
 export class UploadSurat extends Component {
 	constructor(props) {
 		super(props);
+		const tmt_awal = new Date();
 		this.state = {
 			files: [],
 			nomorSanksi: "",
 			keterangan: "",
 			listSanksi: "",
-			tmtDate: "",
+			// tmtDate: "",
+			startDay: tmt_awal,
+			maxDay: new Date(+new Date(tmt_awal) + ms("180d")),
+			isiTmt: "",
 		};
 	}
 
@@ -124,8 +131,8 @@ export class UploadSurat extends Component {
 		this.props.setUploadSuratSanksi(this.state);
 	};
 
-	handleTmtDate = (tmtDate) => {
-		this.setState({ tmtDate });
+	handleTmtDate = (isiTmt) => {
+		this.setState({ isiTmt });
 		this.props.setUploadSuratSanksi(this.state);
 	};
 
@@ -155,7 +162,34 @@ export class UploadSurat extends Component {
 						{/* <span className="form-text">Deskripsi pelaporan minimum karakter 50 maksimum 200 karakter</span> */}
 					</div>
 				</FormGroup>
-				<TmtDate setTmt={this.handleTmtDate} />
+				{/* <TmtDate setTmt={this.handleTmtDate} /> */}
+
+
+				<FormGroup row className="mt-3">
+					<label className="col-md-2 col-form-label">Isi TMT</label>
+					<div className="col-md-10">
+						<DatePicker
+							selected={this.state.isiTmt}
+							onChange={(e) => {
+								this.handleTmtDate(e);
+							}}
+							dateFormat="dd/MM/yyyy"
+							minDate={this.state.startDay}
+							maxDate={this.state.maxDay}
+							placeholderText="isi TMT"
+						// maxDate={addDays(new Date(), 5)}
+						/>
+						<strong>Max pengisian TMT 6 bulan</strong>
+					</div>
+				</FormGroup>
+				<FormGroup row className="mt-1">
+					<label className="col-md-2 col-form-label">TMT berlaku</label>
+					<div className="col-md-10 mt-2">
+						<b>{moment(this.state.startDay).format("DD-MM-YYYY")}</b> hingga <b>{this.state.isiTmt ? moment(this.state.isiTmt).format("DD-MM-YYYY") : "-"}</b>
+					</div>
+				</FormGroup>
+
+
 				<FormGroup row className="mt-3">
 					<label className="col-md-2 col-form-label">List sanksi </label>
 					<div className="col-md-10">