bug state. BeritaAcara_A.js

components/NaikSanksi/InputTanggal.js

@@ -189,7 +189,6 @@ class InputTanggal extends Component {
             </p>
         ));
 
-        console.log(this.props.listSanksi)
         return (
             <Card className="card-default">
                 <CardBody>

components/Sanksi/BeritaAcara_A.js

@@ -37,7 +37,6 @@ class BeritaAcara extends Component {
             setmeState: true,
             descPelanggaran: [],
         };
-        this.updateValueRekomendasi = this.updateValueRekomendasi.bind(this)
     }
 
     static getInitialProps = async ({ query }) => {
@@ -55,7 +54,6 @@ class BeritaAcara extends Component {
     componentDidUpdate = (prevProps) => {
         const { dataPelanggaran } = this.state;
         if (prevProps.dataPelanggaran != this.state.dataPelanggaran) {
-            // this.state.descPelanggaran = dataPelanggaran?.map((e) => ({ id: e._id, simpulan: "simpulan", rekomendasi: "rekomendasi" }))
             const descPelanggaran = {}
             dataPelanggaran?.forEach(e => {
                 descPelanggaran[e._id] = {
@@ -63,27 +61,40 @@ class BeritaAcara extends Component {
                     rekomendasi: 'rekomendasi'
                 }
             });
-            // this.setState({ descPelanggaran })
         }
     }
 
     updateValueSimpulan = (evt, id) => {
-        this.setState((prevState) => ({
-            ...prevState, descPelanggaran: {
-                ...prevState.descPelanggaran, [id]: {
-                    ...prevState.descPelanggaran[id], simpulan: evt.target.value
-                }
+        const descPelanggaran = this.state.descPelanggaran
+        this.state.descPelanggaran = {
+            ...descPelanggaran, [id]: {
+                ...descPelanggaran[id], simpulan: evt.target.value
             }
-        }), this.handleAutoSave)
+        }
+        this.handleAutoSave()
+        // this.setState((prevState) => ({
+        //     ...prevState, descPelanggaran: {
+        //         ...prevState.descPelanggaran, [id]: {
+        //             ...prevState.descPelanggaran[id], simpulan: evt.target.value
+        //         }
+        //     }
+        // }), this.handleAutoSave)
     }
     updateValueRekomendasi = (evt, id) => {
-        this.setState((prevState) => ({
-            ...prevState, descPelanggaran: {
-                ...prevState.descPelanggaran, [id]: {
-                    ...prevState.descPelanggaran[id], rekomendasi: evt.target.value
-                }
+        const descPelanggaran = this.state.descPelanggaran
+        this.state.descPelanggaran = {
+            ...descPelanggaran, [id]: {
+                ...descPelanggaran[id], rekomendasi: evt.target.value
             }
-        }), this.handleAutoSave)
+        }
+        this.handleAutoSave()
+        // this.setState((prevState) => ({
+        //     ...prevState, descPelanggaran: {
+        //         ...prevState.descPelanggaran, [id]: {
+        //             ...prevState.descPelanggaran[id], rekomendasi: evt.target.value
+        //         }
+        //     }
+        // }), this.handleAutoSave)
     }
 
     setDataSuratBA = () => {
@@ -93,73 +104,90 @@ class BeritaAcara extends Component {
         this.props.handleAutoSave()
     }
     isEditTempat = () => {
-        this.setState({
-            isEditTempat: !this.state.isEditTempat,
-        }, this.setDataSuratBA, this.handleAutoSave())
-
+        this.state.isEditTempat = !this.state.isEditTempat
+        this.setDataSuratBA()
+        this.handleAutoSave()
+        // this.setState({
+        //     isEditTempat: !this.state.isEditTempat,
+        // }, this.setDataSuratBA, this.handleAutoSave())
     }
     isEditTanggal = () => {
-        this.setState({
-            isEditTanggal: !this.state.isEditTanggal,
-        }, this.setDataSuratBA, this.handleAutoSave())
+        this.state.isEditTanggal = !this.state.isEditTanggal
+        this.setDataSuratBA()
+        this.handleAutoSave()
+        // this.setState({
+        //     isEditTanggal: !this.state.isEditTanggal,
+        // }, this.setDataSuratBA, this.handleAutoSave())
 
     }
 
     isEditTemuanLain = () => {
-        this.setState({
-            isEditTemuanLain: !this.state.isEditTemuanLain,
-        }, this.setDataSuratBA, this.handleAutoSave())
+        this.state.isEditTemuanLain = !this.state.isEditTemuanLain
+        this.setDataSuratBA()
+        this.handleAutoSave()
+        // this.setState({
+        //     isEditTemuanLain: !this.state.isEditTemuanLain,
+        // }, this.setDataSuratBA, this.handleAutoSave())
     }
 
     isEditKeberatan = () => {
-        this.setState({
-            isEditKeberatan: !this.state.isEditKeberatan,
-        }, this.setDataSuratBA, this.handleAutoSave())
+        this.state.isEditKeberatan = !this.state.isEditKeberatan
+        this.setDataSuratBA()
+        this.handleAutoSave()
+        // this.setState({
+        //     isEditKeberatan: !this.state.isEditKeberatan,
+        // }, this.setDataSuratBA, this.handleAutoSave())
 
     }
     isEditMeringankan = () => {
-        this.setState({
-            isEditMeringankan: !this.state.isEditMeringankan,
-        }, this.setDataSuratBA, this.handleAutoSave())
+        this.state.isEditMeringankan = !this.state.isEditMeringankan
+        this.setDataSuratBA()
+        this.handleAutoSave()
+        // this.setState({
+        //     isEditMeringankan: !this.state.isEditMeringankan,
+        // }, this.setDataSuratBA, this.handleAutoSave())
     }
     isEditSanksi = () => {
-        this.setState({
-            isEditSanksi: !this.state.isEditSanksi,
-        }, this.setDataSuratBA, this.handleAutoSave())
-
+        this.state.isEditSanksi = !this.state.isEditSanksi
+        this.setDataSuratBA()
+        this.handleAutoSave()
+        // this.setState({
+        //     isEditSanksi: !this.state.isEditSanksi,
+        // }, this.setDataSuratBA, this.handleAutoSave())
     }
     updateValueTemuanLain = () => {
         const addTemuanLain = this.refs.inputTemuan.value
         this.state.temuanLain.push(addTemuanLain)
         this.setDataSuratBA(this.state)
-        this.handleAutoSave()
+        // this.handleAutoSave()
 
     }
     updateValueMemringankan = () => {
         const addMeringankan = this.refs.inputMeringankan.value
         this.state.meringankan.push(addMeringankan)
         this.setDataSuratBA(this.state)
-        this.handleAutoSave()
+        // this.handleAutoSave()
 
     }
     updateValueMemberatkan = () => {
         const addKeberatan = this.refs.inputMemberatkan.value
         this.state.memberatkan.push(addKeberatan)
         this.setDataSuratBA(this.state)
-        this.handleAutoSave()
+        // this.handleAutoSave()
     }
 
 
     Copied = () => this.setState({
         copied: !this.state.copied
-    })
+    }, this.handleAutoSave())
 
     CloseCopied = () => {
 
         setTimeout(() => {
+            // this.state.copied = !this.state.copied
             this.setState({
                 copied: !this.state.copied
-            });
+            }, this.handleAutoSave());
         }, 1000);
     }
 
@@ -393,9 +421,7 @@ class BeritaAcara extends Component {
                                 <div>
                                     <span className="btn-radius">
                                         <Button color id="Popover1" className="btn-labeled-3" onClick={() => {
-                                            this.setState({
-                                                setmeState: !this.state.setmeState
-                                            }, this.setDataSuratBA()), this.handleAutoSave(), this.CloseCopied()
+                                            this.CloseCopied()
                                         }} >
 
                                             <h4 className="p-0 mt-2 float-right"> <em className="fas fa-project-diagram float-left mt-1" /> &nbsp;Link Dokumen</h4>

components/Sanksi/Ringkasan.js

@@ -1,10 +1,10 @@
 import Scrollable from "@/components/Common/Scrollable";
-import { Card, Row, Col, Table, FormGroup } from "reactstrap";
+import { Card, Row, Col, Table, FormGroup, Label } from "reactstrap";
 import moment from "moment";
 import 'moment/locale/id'
 moment.locale('id')
 
-function Ringkasan({ dataLaporan, dataPelanggaran, dataUpload, autoSaveDataPelanggaran }) {
+function Ringkasan({ dataLaporan, dataPelanggaran, dataUpload }) {
 	return (
 		<>
 			<Row>

components/Sanksi/UploadSurat.js

@@ -56,11 +56,11 @@ const data = [
 	},
 ];
 
-const listSanksi = data.map((d) => ({
-	value: d.value,
-	label: d.sanksi,
-	label_sanksi: d.label_sanksi,
-}));
+// const listSanksi = data.map((d) => ({
+// 	value: d.value,
+// 	label: d.sanksi,
+// 	label_sanksi: d.label_sanksi,
+// }));
 const formatOptionLabel = ({ value, sanksi, label_sanksi }) => (
 	<div style={{ display: "flex" }}>
 		<span className="">{value}</span>

pages/app/sanksi/proses.js

@@ -137,6 +137,7 @@ class ProsesSanksi extends Component {
 
 	setUploadSuratSanksi = (data) => {
 		this.setState({ dataUpload: data });
+
 	};
 	setDataSuratBA = (data) => {
 		this.setState({ dataSuratBA: data });