fix sanksi

components/Sanksi/Ringkasan.js

@@ -112,12 +112,6 @@ function Ringkasan({ dataLaporan, dataPelanggaran, dataUpload }) {
 								<strong>{dataUpload ? dataUpload.keterangan : ""}</strong>
 							</Col>
 						</FormGroup>
-						<FormGroup row>
-							<Col md="4">Sanksi:</Col>
-							<Col md="8">
-								<strong>{dataUpload && dataUpload.listSanksi?.length ? dataUpload.listSanksi.map((e, index) => <p>{index + 1 + " " + e.value + " " + e.label_sanksi}</p>) : ""}</strong>
-							</Col>
-						</FormGroup>
 						<FormGroup row>
 							<Col md="4">TMT Berlaku:</Col>
 							<Col md="8">
@@ -146,6 +140,13 @@ function Ringkasan({ dataLaporan, dataPelanggaran, dataUpload }) {
 								</strong>
 							</Col>
 						</FormGroup>
+						<FormGroup row>
+							<Col md="4">Sanksi:</Col>
+							<Col md="8">
+								<strong>{dataUpload && dataUpload.listSanksi?.length ? dataUpload.listSanksi.map((e, index) => <p>{index + 1 + " " + e.value + " " + e.label_sanksi}</p>) : ""}</strong>
+							</Col>
+						</FormGroup>
+
 						<FormGroup row>
 							<Col md="4">Surat Sanksi:</Col>
 							<Col md="8">

components/Sanksi/UploadSurat.js

@@ -114,35 +114,29 @@ export class UploadSurat extends Component {
 		this.props.setUploadSuratSanksi(this.state);
 	};
 
-	setNomorSanksi = (e) => {
-		this.setState({ nomorSanksi: e.target.value });
+	toRingkasan = () => {
 		this.props.setUploadSuratSanksi(this.state);
 	};
 
+	setNomorSanksi = (e) => {
+		this.setState({ nomorSanksi: e.target.value }, this.toRingkasan);
+	};
+
 	setKeterangan = (e) => {
-		this.setState({ keterangan: e.target.value });
-		this.props.setUploadSuratSanksi(this.state);
+		this.setState({ keterangan: e.target.value }, this.toRingkasan);
 	};
 
 	setListSanksi = (ls) => {
-		this.setState({ listSanksi: ls.target.value });
-		this.props.setUploadSuratSanksi(this.state);
+		this.setState({ listSanksi: ls.target.value }, this.toRingkasan);
 	};
 	handleChangeListSanksi = (listSanksi) => {
-		this.setState({ listSanksi });
-		this.props.setUploadSuratSanksi(this.state);
-	};
-
-	handleTmtDate = (startDate) => {
-		this.setState({ startDate });
-		this.props.setUploadSuratSanksi(this.state);
+		this.setState({ listSanksi }, this.toRingkasan);
 	};
 	render() {
 		const { files } = this.state;
 
 		const thumbs = files.map((file, index) => (
 			<div md={3} key={index}>
-				{/* <img className="img-fluid mb-2" src={file.preview} alt="Item" /> */}
 				<span className="text-left">
 					{index + 1}. {file.name}
 				</span>
@@ -160,22 +154,15 @@ export class UploadSurat extends Component {
 					<label className="col-md-2 col-form-label">Keterangan</label>
 					<div className="col-md-10">
 						<Input type="textarea" value={this.state.keterangan} onChange={this.setKeterangan} required />
-						{/* <span className="form-text">Deskripsi pelaporan minimum karakter 50 maksimum 200 karakter</span> */}
 					</div>
 				</FormGroup>
-				{/* <TmtDate setTmt={this.handleTmtDate} /> */}
-				{/* <TmtDate /> */}
-
-
-
 				<FormGroup row className="mt-3">
 					<label className="col-md-2 col-form-label">Isi TMT</label>
 					<span className="col-sm-3 float-left">
 						<DatePicker
 							selected={this.state.awalsanksi}
 							onChange={(awalsanksi) => {
-								this.setState({ awalsanksi })
-								this.props.setUploadSuratSanksi(this.state);
+								this.setState({ awalsanksi }, this.toRingkasan)
 							}}
 							dateFormat="dd/MM/yyyy"
 							maxDate={this.state.startDay}
@@ -186,8 +173,7 @@ export class UploadSurat extends Component {
 						<DatePicker
 							selected={this.state.akhirsanksi}
 							onChange={(akhirsanksi) => {
-								this.setState({ akhirsanksi })
-								this.props.setUploadSuratSanksi(this.state);
+								this.setState({ akhirsanksi }, this.toRingkasan)
 							}}
 							dateFormat="dd/MM/yyyy"
 							minDate={this.state.awalsanksi}
@@ -208,8 +194,6 @@ export class UploadSurat extends Component {
 						<b>{this.state.akhirsanksi ? moment(this.state.akhirsanksi).diff(this.state.awalsanksi, 'month') : "-"} bulan</b>
 					</div>
 				</FormGroup>
-
-
 				<FormGroup row className="mt-3">
 					<label className="col-md-2 col-form-label">List sanksi </label>
 					<div className="col-md-10">
@@ -223,7 +207,6 @@ export class UploadSurat extends Component {
 						/>
 					</div>
 				</FormGroup>
-
 				<FormGroup row>
 					<label className="col-md-2 col-form-label">
 						Dokumen Surat Sanksi<span>: &nbsp;</span><span className="text-danger">*</span>
@@ -258,7 +241,6 @@ export class UploadSurat extends Component {
 								);
 							}}
 						</DropzoneWrapper>
-						{/* <span className="form-text">Multiple files upload</span> */}
 						<p className="mrgn-top-5">Ukuran setiap dokumen maksimal 15mb</p>
 					</div>
 				</FormGroup>