fix pages/signature/pleno-sanksi/done/[id].js

pages/signature/pleno-sanksi/[id].js

@@ -4,7 +4,7 @@ import BasePage from "@/components/Layout/BasePage";
 import { getOneLaporanPublic } from '../../../actions/public';
 import { getAutoSave } from "@/actions/autosave";
 import ContentWrapper from "@/components/Layout/ContentWrapper";
-import { Row, Col, Card, CardBody, Button, Modal, ModalBody, ModalFooter, FormGroup, Input } from "reactstrap";
+import { Row, Col, Card, CardBody, Button, Modal, ModalBody, ModalFooter, FormGroup, Input, Navbar, NavItem, NavLink, NavbarBrand } from "reactstrap";
 import { Formik, Form, Field, ErrorMessage } from "formik";
 import * as Yup from "yup";
 import SignatureCanvas from 'react-signature-canvas'
@@ -12,6 +12,8 @@ import { addPesertaPleno } from '../../../actions/public';
 import { toast } from "react-toastify";
 import Router from "next/router";
 import swal from "sweetalert2";
+import Link from 'next/dist/client/link';
+
 
 
 
@@ -24,7 +26,8 @@ class PlenoSanksi extends Component {
             signature: "",
             nama: "",
             data: {},
-            changesign: false
+            changesign: false,
+            pageDone: false,
 
         }
     }
@@ -39,7 +42,7 @@ class PlenoSanksi extends Component {
         const dataLaporan = await getOneLaporanPublic(id);
         const getDataSave = await getAutoSave({ id, laporan: true });
         const dataSuratBA = getDataSave.data?.PenetapanSanksi?.dataSuratBA;
-        const dataPelanggaran = getDataSave.data?.PenetapanSanksi?.dataPelanggaran.data;
+        const dataPelanggaran = getDataSave.data?.PenetapanSanksi?.dataPelanggaran?.data;
         this.setState({ dataLaporan, dataSuratBA, dataPelanggaran });
     };
 
@@ -93,10 +96,8 @@ class PlenoSanksi extends Component {
                 title: "Berhasil Input Tanda Tangan",
                 icon: "success",
                 confirmButtonColor: "#3e3a8e",
-
             });
-            Router.push("/app");
-
+            Router.push(`/signature/pleno-sanksi/done/${id}`);
         }
     };
 
@@ -105,6 +106,7 @@ class PlenoSanksi extends Component {
 
     render() {
         const { dataPelanggaran, dataLaporan, dataSuratBA, signature, nama, changesign } = this.state
+
         return (
             <ContentWrapper unwrap>
                 <Modal isOpen={this.state.modal} >
@@ -143,6 +145,7 @@ class PlenoSanksi extends Component {
 
                     </ModalBody>
                 </Modal>
+
                 <div className='page'>
                     <div className='BA-logo'>
                         <img className='BA-logo' src="/static/img/logo-single-1-login.png" alt="logo" />
@@ -263,6 +266,8 @@ class PlenoSanksi extends Component {
                         <h4 className="mt-2 mb-md-2 text-center font-color-white pl-3 pr-3">Setuju</h4>
                     </Button>
                 </div>
+
+
             </ContentWrapper>
         );
     }

styles/app/app/mycss.scss

@@ -1,6 +1,4 @@
-.huruf-besar{
 
-}
 
 #video-css video{
     width: 450px;
@@ -31,3 +29,28 @@
         margin-top: -15px; 
     }
 }
+
+#pageDone-TTD{
+   .main{
+    width: 500px;
+    margin-left: auto;
+    margin-right: auto;
+    padding-top: 50px;
+    margin-bottom: -13px;
+   }
+   .main-logo{
+    width: 250px; 
+    margin-right: 5px;
+    float: right;
+   }
+   .main-logo-1{
+    width: 50px;
+    float: right;
+   }
+   .text-1{
+    font-family:Verdana, Geneva, Tahoma, sans-serif;
+    font-style: normal;
+    font-weight: 550;
+    font-size: 15px;
+   }
+}