commit

components/Banding/TableSanksi.js

@@ -7,58 +7,56 @@ function TableSanksi({ listData, to, linkName }) {
 	return (
 		<div className="card b">
 			<div className="card-body">
-				{listData && (
-					<Datatable options={{ responsive: true }}>
-						<table className="table w-100">
-							<thead>
-								<tr>
-									<th>Nomor Sanksi</th>
-									<th>Keterangan Sanksi</th>
-									<th>Created</th>
-									<th>Status</th>
-									<th></th>
-								</tr>
-							</thead>
-							<tbody>
-								{listData.length
-									? listData.map((data) => {
-											return (
-												<tr key={data._id}>
-													<td>{data.sanksi.no_sanksi}</td>
-													<td>
-														<div className="media align-items-center">
-															<div className="media-body d-flex">
-																<div>
-																	<h4 className="m-0">Universitas Satyagama</h4>
-																	<p>{data.sanksi.description}</p>
-																</div>
+				<Datatable options={{ responsive: true }}>
+					<table className="table w-100">
+						<thead>
+							<tr>
+								<th>Nomor Sanksi</th>
+								<th>Keterangan Sanksi</th>
+								<th>Created</th>
+								<th>Status</th>
+								<th></th>
+							</tr>
+						</thead>
+						<tbody>
+							{listData.length
+								? listData.map((data) => {
+										return (
+											<tr key={data._id}>
+												<td>{data.sanksi.no_sanksi}</td>
+												<td>
+													<div className="media align-items-center">
+														<div className="media-body d-flex">
+															<div>
+																<h4 className="m-0">Universitas Satyagama</h4>
+																<p>{data.sanksi.description}</p>
 															</div>
 														</div>
-													</td>
-													<td>{moment(data.sanksi.createdAt).fromNow()}</td>
-													<td>{data.sanksi.banding.jawaban ? <div className="badge badge-info">Sudah Dijawab</div> : <div className="badge badge-danger">Belum Dijawab</div>}</td>
-													<td>
-														<div className="ml-auto">
-															<Link
-																href={{
-																	pathname: to,
-																	query: { noSanksi: data.sanksi.no_sanksi, ptId: data.pt_id },
-																}}
-															>
-																<Button color="primary" size="sm">
-																	{linkName}
-																</Button>
-															</Link>
-														</div>
-													</td>
-												</tr>
-											);
-									  })
-									: ""}
-							</tbody>
-						</table>
-					</Datatable>
-				)}
+													</div>
+												</td>
+												<td>{moment(data.sanksi.createdAt).fromNow()}</td>
+												<td>{data.sanksi.banding.jawaban ? <div className="badge badge-info">Sudah Dijawab</div> : <div className="badge badge-danger">Belum Dijawab</div>}</td>
+												<td>
+													<div className="ml-auto">
+														<Link
+															href={{
+																pathname: to,
+																query: { noSanksi: data.sanksi.no_sanksi, ptId: data.pt_id },
+															}}
+														>
+															<Button color="primary" size="sm">
+																{linkName}
+															</Button>
+														</Link>
+													</div>
+												</td>
+											</tr>
+										);
+								  })
+								: ""}
+						</tbody>
+					</table>
+				</Datatable>
 			</div>
 		</div>
 	);

components/PT/JawabanBanding/DetailJawaban.js

@@ -1,5 +1,6 @@
-import { FormGroup } from "reactstrap";
+import { FormGroup, Button } from "reactstrap";
 import Scrollable from "@/components/Common/Scrollable";
+import Link from "next/link";
 
 function DetailJawaban({ data }) {
 	const { jawaban } = data.sanksi.banding;
@@ -37,6 +38,16 @@ function DetailJawaban({ data }) {
 					</div>
 				</FormGroup>
 			</form>
+			{jawaban.status === "Ditolak" && (
+				<Link
+					href={{
+						pathname: "/app/pt/dokumen-perbaikan/detail",
+						query: { noSanksi: sanksi.data[0].sanksi.no_sanksi },
+					}}
+				>
+					<Button color="primary">Perbaiki Dokumen</Button>
+				</Link>
+			)}
 		</>
 	);
 }

pages/app/banding/index.js

@@ -4,6 +4,7 @@ import { Row, Col } from "reactstrap";
 import CaseProgress from "@/components/Main/CaseProgress";
 import TableSanksi from "@/components/Banding/TableSanksi";
 import { getSanksi } from "@/actions/sanksi";
+import Loader from "@/components/Common/Loader";
 
 class Banding extends Component {
 	constructor(props) {
@@ -27,9 +28,7 @@ class Banding extends Component {
 					<Col lg="4">
 						<CaseProgress />
 					</Col>
-					<Col lg="8">
-						<TableSanksi listData={sanksi.data} to="/app/banding/detail" linkName="Detail" />
-					</Col>
+					<Col lg="8">{sanksi?.data ? <TableSanksi listData={sanksi.data} to="/app/banding/detail" linkName="Detail" /> : <Loader />}</Col>
 				</Row>
 			</ContentWrapper>
 		);

pages/app/pt/jawaban-pencabutan-sanksi/detail.js

@@ -6,7 +6,7 @@ import DetailPT from "@/components/Main/DetailPT";
 import DetailSanksi from "@/components/Main/DetailSanksi";
 import ContentWrapper from "@/components/Layout/ContentWrapper";
 import Scrollable from "@/components/Common/Scrollable";
-import { Row, Col, Card, CardBody, FormGroup } from "reactstrap";
+import { Row, Col, Card, CardBody, FormGroup, Button } from "reactstrap";
 import { connect } from "react-redux";
 import Loader from "@/components/Common/Loader";
 
@@ -52,7 +52,7 @@ class DetailJawabanPencabutanSanksi extends Component {
 									<CardBody>
 										<Row>
 											<Col lg={12}>
-												{sanksi?.data && <DetailSanksi data={sanksi.data[0]} />}
+												<DetailSanksi data={sanksi.data[0]} />
 												<p className="lead bb">Jawaban Permohonan Pencabutan Sanksi</p>
 												<form className="form-horizontal">
 													<FormGroup>
@@ -92,6 +92,16 @@ class DetailJawabanPencabutanSanksi extends Component {
 														</div>
 													</FormGroup>
 												</form>
+												{jawaban && jawaban.status === "Rekomendasi Perbaikan" && (
+													<Link
+														href={{
+															pathname: "/app/pt/dokumen-perbaikan/detail",
+															query: { noSanksi: sanksi.data[0].sanksi.no_sanksi },
+														}}
+													>
+														<Button color="primary">Perbaiki Dokumen</Button>
+													</Link>
+												)}
 											</Col>
 										</Row>
 									</CardBody>

pages/app/pt/pencabutan-sanksi/detail.js

@@ -149,13 +149,11 @@ class DetailPencabutanSanksi extends Component {
 														</div>
 													</FormGroup>
 													<FormGroup>
-														{sanksi?.data && (
-															<div className="row-xl-10">
-																<Button color="primary" onClick={this.handleKirim} disabled={sanksi.data[0].sanksi.cabut_sanksi || false} type="submit">
-																	Kirim
-																</Button>
-															</div>
-														)}
+														<div className="row-xl-10">
+															<Button color="primary" onClick={this.handleKirim} disabled={sanksi.data[0].sanksi.cabut_sanksi || false} type="submit">
+																Kirim
+															</Button>
+														</div>
 													</FormGroup>
 												</form>
 											</Col>