add list sanksi

components/Sanksi/Ringkasan.js

@@ -3,6 +3,7 @@ import Scrollable from "@/components/Common/Scrollable";
 import { Card, Row, Col, Table, FormGroup } from "reactstrap";
 
 function Ringkasan({ dataLaporan, dataPelanggaran, dataUpload }) {
+
 	return (
 		<>
 			<Row>
@@ -112,6 +113,12 @@ 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">Surat Sanksi:</Col>
 							<Col md="8">

components/Sanksi/UploadSurat.js

@@ -70,6 +70,7 @@ export class UploadSurat extends Component {
 			files: [],
 			nomorSanksi: "",
 			keterangan: "",
+			listSanksi: ""
 		};
 	}
 
@@ -116,6 +117,16 @@ export class UploadSurat extends Component {
 		this.props.setUploadSuratSanksi(this.state);
 	};
 
+	setListSanksi = (ls) => {
+		this.setState({ listSanksi: ls.target.value })
+		this.props.setUploadSuratSanksi(this.state);
+	}
+	handleChangeListSanksi = (listSanksi) => {
+		this.setState({ listSanksi });
+		this.props.setUploadSuratSanksi(this.state);
+	};
+
+
 	render() {
 		const { files } = this.state;
 
@@ -140,6 +151,7 @@ export class UploadSurat extends Component {
 						{/* <span className="form-text">Deskripsi pelaporan minimum karakter 50 maksimum 200 karakter</span> */}
 					</div>
 				</FormGroup>
+				{/* <TmtDate /> */}
 				<FormGroup row className="mt-3">
 					<label className="col-md-2 col-form-label">List sanksi	</label>
 					<div className="col-md-10">
@@ -147,10 +159,13 @@ export class UploadSurat extends Component {
 							options={listSanksi}
 							formatOptionLabel={formatOptionLabel}
 							isMulti
+							onChange={(e) => {
+								this.handleChangeListSanksi(e);
+							}}
 						/>
 					</div>
 				</FormGroup>
-				<TmtDate />
+
 				<FormGroup row>
 					<label className="col-md-2 col-form-label">Dokumen Surat Sanksi<span className="text-danger">*</span>:</label>
 					<div className="col-md-10">