commit

actions/sanksi.js

@@ -20,33 +20,19 @@ export const createSanksi = async ({ number, ptId }, data) => {
 export const getSanksi = async (query = {}) => {
 	try {
 		let url = "http://localhost:5000/sanksi";
-
-		if (query.ptId && query.noSanksi) {
-			url += `?noSanksi=${query.noSanksi}&ptId=${query.ptId}&active=true`; // Detail
-		} else if (query.ptId && query.cabutSanksi && query.jawaban) {
-			url += `?ptId=${query.ptId}&cabutSanksi=true&jawaban=true&active=true`; // untuk PT Jawaban Keberatan
-		} else if (query.ptId && query.keberatan) {
-			url += `?ptId=${query.ptId}&cabutSanksi=true&active=true`; // untuk PT Keberatan & Detail
-		} else if (query.ptId && query.keberatan && query.jawaban) {
-			url += `?ptId=${query.ptId}&keberatan=true&jawaban=true&active=true`; // untuk PT Jawaban Keberatan
-		} else if (query.ptId && query.keberatan) {
-			url += `?ptId=${query.ptId}&keberatan=true&active=true`; // untuk PT Keberatan & Detail
-		} else if (query.ptId && query.banding && query.jawaban) {
-			url += `?ptId=${query.ptId}&banding=true&jawaban=true`; // untuk PT Jawaban Keberatan
-		} else if (query.ptId && query.banding) {
-			url += `?ptId=${query.ptId}&banding=true&active=true`; // untuk PT Keberatan & Detail
-		} else if (query.ptId && query.docPerbaikan) {
-			url += `?ptId=${query.ptId}&docPerbaikan=true&active=true`; // untuk PT Keberatan & Detail
-		} else if (query.docPerbaikan) {
-			url += `?docPerbaikan=true&active=true`; // untuk PT Keberatan & Detail
-		} else if (query.keberatan) {
-			url += `?keberatan=true&active=true`;
-		} else if (query.banding) {
-			url += `?banding=true&active=true`;
-		} else if (query.cabutSanksi) {
-			url += `?cabutSanksi=true&active=true`;
-		} else if (query.ptId) {
-			url += `?ptId=${query.ptId}&active=true`; // Untuk LLDIKTI
+		if (query != null) {
+			const { ptId, noSanksi, keberatan, jawaban, banding, active, cabutSanksi, docPerbaikan } = query;
+			url += "?";
+			const parseURL = [];
+			if (noSanksi) parseURL.push(`noSanksi=${noSanksi}`);
+			if (ptId) parseURL.push(`ptId=${ptId}`);
+			if (keberatan) parseURL.push(`keberatan=true`);
+			if (banding) parseURL.push(`banding=true`);
+			if (cabutSanksi) parseURL.push(`cabutSanksi=true`);
+			if (docPerbaikan) parseURL.push(`docPerbaikan=true`);
+			if (jawaban) parseURL.push(`jawaban=true`);
+			url += parseURL.join("&");
+			url += "&active=true";
 		}
 
 		const res = await fetch(url);

components/Main/DetailSanksi.js

@@ -7,49 +7,6 @@ function DetailSanksi({ data, noTitle = false }) {
 		<>
 			{noTitle ? "" : <p className="lead bb">Detail Sanksi</p>}
 			<form className="form-horizontal">
-				<FormGroup row>
-					<Col md={12}>
-						<div className="card b">
-							<div className="card-body bb">
-								<Table responsive>
-									<thead>
-										<tr>
-											<th>Jenis Pelanggaran</th>
-											<th>Sanksi</th>
-										</tr>
-									</thead>
-									<tbody>
-										{data.sanksi.pelanggaran.map((jp, index) => (
-											<tr key={jp._id}>
-												<td>
-													<div className="media align-items-center">
-														<div className="media-body d-flex">
-															<div>
-																<p>{jp.pelanggaran}</p>
-																<p>TMT : {jp.tmt_bulan} Bulan</p>
-																<p>Level Pelanggaran : {jp.label_sanksi}</p>
-															</div>
-														</div>
-													</div>
-												</td>
-												<td>
-													<div className="media align-items-center">
-														<div className="media-body d-flex">
-															<div>
-																<p>{jp.sanksi}</p>
-																<p>Keterangan : {jp.keterangan_sanksi}</p>
-															</div>
-														</div>
-													</div>
-												</td>
-											</tr>
-										))}
-									</tbody>
-								</Table>
-							</div>
-						</div>
-					</Col>
-				</FormGroup>
 				<FormGroup row>
 					<Col md="4">Nomor Sanksi:</Col>
 					<Col md="8">
@@ -100,6 +57,49 @@ function DetailSanksi({ data, noTitle = false }) {
 						</Scrollable>
 					</Col>
 				</FormGroup>
+				<FormGroup row>
+					<Col md={12}>
+						<div className="card b">
+							<div className="card-body bb">
+								<Table responsive>
+									<thead>
+										<tr>
+											<th>Jenis Pelanggaran</th>
+											<th>Sanksi</th>
+										</tr>
+									</thead>
+									<tbody>
+										{data.sanksi.pelanggaran.map((jp, index) => (
+											<tr key={jp._id}>
+												<td>
+													<div className="media align-items-center">
+														<div className="media-body d-flex">
+															<div>
+																<p>{jp.pelanggaran}</p>
+																<p>TMT : {jp.tmt_bulan} Bulan</p>
+																<p>Level Pelanggaran : {jp.label_sanksi}</p>
+															</div>
+														</div>
+													</div>
+												</td>
+												<td>
+													<div className="media align-items-center">
+														<div className="media-body d-flex">
+															<div>
+																<p>{jp.sanksi}</p>
+																<p>Keterangan : {jp.keterangan_sanksi}</p>
+															</div>
+														</div>
+													</div>
+												</td>
+											</tr>
+										))}
+									</tbody>
+								</Table>
+							</div>
+						</div>
+					</Col>
+				</FormGroup>
 			</form>
 		</>
 	);

components/PT/JawabanKeberatan/DetailJawaban.js

@@ -1,4 +1,4 @@
-import { FormGroup} from "reactstrap";
+import { FormGroup } from "reactstrap";
 import Scrollable from "@/components/Common/Scrollable";
 
 function DetailJawaban({ data }) {

pages/app/banding/detail.js

@@ -123,70 +123,60 @@ class JawabanBanding extends Component {
 							<Card className="card-default">
 								<CardBody>
 									<Row>
-										<Col lg={6}>
+										<Col lg={12}>
 											<DetailSanksi data={sanksi.data[0]} />
-										</Col>
-										<Col lg={6}>
-											<Row>
-												<Col>
-													<PermohonanPT data={sanksi.data[0]} />
-												</Col>
-											</Row>
-											<Row>
-												<Col>
-													<p className="lead bb">Jawaban</p>
-													<form className="form-horizontal" method="get" action="/" onSubmit={this.onSubmit}>
-														<FormGroup>
-															<label className="row-form-label">Status:</label>
-															<div className="row-md-10">
-																<Select
-																	instanceId={selectInstanceId + 1}
-																	value={this.state.selectedOption}
-																	onChange={this.handleChangeSelect}
-																	options={[
-																		{ value: "Ditolak", label: "Ditolak", className: "State-ACT" },
-																		{ value: "Mengubah Keputusan Sanksi", label: "Mengubah Keputusan Sanksi", className: "State-ACT" },
-																		{ value: "Membatalkan Keputusan Sanksi", label: "Membatalkan Keputusan Sanksi", className: "State-ACT" },
-																	]}
-																	required
-																/>
-																{/* <span className="form-text">Pilih Jenis Pelanggaran</span> */}
-															</div>
-														</FormGroup>
-														<FormGroup>
-															<label className="row-form-label">Dokumen Jawaban:</label>
-															<div className="row-md-10">
-																<DropzoneWrapper className="" onDrop={this.onDrop}>
-																	{({ getRootProps, getInputProps, isDragActive }) => {
-																		return (
-																			<div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
-																				<input {...getInputProps()} />
-																				<div className="dropzone-previews flex">
-																					{this.state.files.length > 0 ? <Row>{thumbs}</Row> : <div className="text-center dz-default dz-message">Drop files here to upload</div>}
-																				</div>
-																				<div className="d-flex align-items-center">
-																					<small className="ml-auto">
-																						<button type="button" className="btn btn-link" onClick={this.clearFiles}>
-																							Clear files
-																						</button>
-																					</small>
-																				</div>
-																			</div>
-																		);
-																	}}
-																</DropzoneWrapper>
-															</div>
-														</FormGroup>
-														<FormGroup>
-															<div className="row-xl-10">
-																<Button color="primary" onClick={this.handelSimpan} type="submit">
-																	Simpan
-																</Button>
-															</div>
-														</FormGroup>
-													</form>
-												</Col>
-											</Row>
+											<PermohonanPT data={sanksi.data[0]} />
+											<p className="lead bb">Jawaban</p>
+											<form className="form-horizontal" method="get" action="/" onSubmit={this.onSubmit}>
+												<FormGroup>
+													<label className="row-form-label">Status:</label>
+													<div className="row-md-10">
+														<Select
+															instanceId={selectInstanceId + 1}
+															value={this.state.selectedOption}
+															onChange={this.handleChangeSelect}
+															options={[
+																{ value: "Ditolak", label: "Ditolak", className: "State-ACT" },
+																{ value: "Mengubah Keputusan Sanksi", label: "Mengubah Keputusan Sanksi", className: "State-ACT" },
+																{ value: "Membatalkan Keputusan Sanksi", label: "Membatalkan Keputusan Sanksi", className: "State-ACT" },
+															]}
+															required
+														/>
+														{/* <span className="form-text">Pilih Jenis Pelanggaran</span> */}
+													</div>
+												</FormGroup>
+												<FormGroup>
+													<label className="row-form-label">Dokumen Jawaban:</label>
+													<div className="row-md-10">
+														<DropzoneWrapper className="" onDrop={this.onDrop}>
+															{({ getRootProps, getInputProps, isDragActive }) => {
+																return (
+																	<div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
+																		<input {...getInputProps()} />
+																		<div className="dropzone-previews flex">
+																			{this.state.files.length > 0 ? <Row>{thumbs}</Row> : <div className="text-center dz-default dz-message">Drop files here to upload</div>}
+																		</div>
+																		<div className="d-flex align-items-center">
+																			<small className="ml-auto">
+																				<button type="button" className="btn btn-link" onClick={this.clearFiles}>
+																					Clear files
+																				</button>
+																			</small>
+																		</div>
+																	</div>
+																);
+															}}
+														</DropzoneWrapper>
+													</div>
+												</FormGroup>
+												<FormGroup>
+													<div className="row-xl-10">
+														<Button color="primary" onClick={this.handelSimpan} type="submit">
+															Simpan
+														</Button>
+													</div>
+												</FormGroup>
+											</form>
 										</Col>
 									</Row>
 								</CardBody>

pages/app/keberatan/detail.js

@@ -125,77 +125,75 @@ class DetailKeberatan extends Component {
 							<Card className="card-default">
 								<CardBody>
 									<Row>
-										<Col lg={6}>
+										<Col lg={12}>
 											<DetailSanksi data={sanksi.data[0]} />
 										</Col>
-										<Col lg={6}>
-											<Row>
-												<Col>
-													<PermohonanPT data={sanksi.data[0]} />
-												</Col>
-											</Row>
-											<Row>
-												<Col>
-													<p className="lead bb">Jawaban</p>
-													<form className="form-horizontal" method="get" action="/" onSubmit={this.onSubmit}>
-														<FormGroup>
-															<label className="row-form-label">Status:</label>
-															<div className="row-md-10">
-																<Select
-																	instanceId={selectInstanceId + 1}
-																	value={this.state.selectedOption}
-																	onChange={this.handleChangeSelect}
-																	options={[
-																		{ value: "ditolak", label: "Ditolak", className: "State-ACT" },
-																		{ value: "mengubah sanksi", label: "Mengubah Sanksi", className: "State-ACT" },
-																		{ value: "mencabut sanksi", label: "Mencabut Sanksi", className: "State-ACT" },
-																	]}
-																	required
-																/>
-																{/* <span className="form-text">Pilih Jenis Pelanggaran</span> */}
-															</div>
-														</FormGroup>
-														<FormGroup>
-															<label className="row-form-label">Keterangan Jawaban:</label>
-															<div className="row-md-10">
-																<Input type="textarea" value={this.state.keterangan} onChange={(e) => this.setState({ keterangan: e.target.value })} required />
-																{/* <span className="form-text">Deskripsi pelaporan minimum karakter 50 maksimum 200 karakter</span> */}
-															</div>
-														</FormGroup>
-														<FormGroup>
-															<label className="row-form-label">Dokumen Jawaban:</label>
-															<div className="row-md-10">
-																<DropzoneWrapper className="" onDrop={this.onDrop}>
-																	{({ getRootProps, getInputProps, isDragActive }) => {
-																		return (
-																			<div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
-																				<input {...getInputProps()} />
-																				<div className="dropzone-previews flex">
-																					{this.state.files.length > 0 ? <Row>{thumbs}</Row> : <div className="text-center dz-default dz-message">Drop files here to upload</div>}
-																				</div>
-																				<div className="d-flex align-items-center">
-																					<small className="ml-auto">
-																						<button type="button" className="btn btn-link" onClick={this.clearFiles}>
-																							Clear files
-																						</button>
-																					</small>
-																				</div>
-																			</div>
-																		);
-																	}}
-																</DropzoneWrapper>
-															</div>
-														</FormGroup>
-														<FormGroup>
-															<div className="row-xl-10">
-																<Button color="primary" onClick={this.handelSimpan} type="submit">
-																	Simpan
-																</Button>
-															</div>
-														</FormGroup>
-													</form>
-												</Col>
-											</Row>
+									</Row>
+									<Row>
+										<Col lg={12}>
+											<PermohonanPT data={sanksi.data[0]} />
+										</Col>
+									</Row>
+									<Row>
+										<Col lg={12}>
+											<p className="lead bb">Jawaban</p>
+											<form className="form-horizontal" method="get" action="/" onSubmit={this.onSubmit}>
+												<FormGroup>
+													<label className="row-form-label">Status:</label>
+													<div className="row-md-10">
+														<Select
+															instanceId={selectInstanceId + 1}
+															value={this.state.selectedOption}
+															onChange={this.handleChangeSelect}
+															options={[
+																{ value: "ditolak", label: "Ditolak", className: "State-ACT" },
+																{ value: "mengubah sanksi", label: "Mengubah Sanksi", className: "State-ACT" },
+																{ value: "mencabut sanksi", label: "Mencabut Sanksi", className: "State-ACT" },
+															]}
+															required
+														/>
+														{/* <span className="form-text">Pilih Jenis Pelanggaran</span> */}
+													</div>
+												</FormGroup>
+												<FormGroup>
+													<label className="row-form-label">Keterangan Jawaban:</label>
+													<div className="row-md-10">
+														<Input type="textarea" value={this.state.keterangan} onChange={(e) => this.setState({ keterangan: e.target.value })} required />
+														{/* <span className="form-text">Deskripsi pelaporan minimum karakter 50 maksimum 200 karakter</span> */}
+													</div>
+												</FormGroup>
+												<FormGroup>
+													<label className="row-form-label">Dokumen Jawaban:</label>
+													<div className="row-md-10">
+														<DropzoneWrapper className="" onDrop={this.onDrop}>
+															{({ getRootProps, getInputProps, isDragActive }) => {
+																return (
+																	<div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
+																		<input {...getInputProps()} />
+																		<div className="dropzone-previews flex">
+																			{this.state.files.length > 0 ? <Row>{thumbs}</Row> : <div className="text-center dz-default dz-message">Drop files here to upload</div>}
+																		</div>
+																		<div className="d-flex align-items-center">
+																			<small className="ml-auto">
+																				<button type="button" className="btn btn-link" onClick={this.clearFiles}>
+																					Clear files
+																				</button>
+																			</small>
+																		</div>
+																	</div>
+																);
+															}}
+														</DropzoneWrapper>
+													</div>
+												</FormGroup>
+												{/* <FormGroup>
+													<div className="row-xl-10"> */}
+												<Button color="primary" onClick={this.handelSimpan} type="submit">
+													Simpan
+												</Button>
+												{/* </div>
+												</FormGroup> */}
+											</form>
 										</Col>
 									</Row>
 								</CardBody>

pages/app/pencabutan-sanksi/detail.js

@@ -130,80 +130,70 @@ class JawabanPencabutanSanksi extends Component {
 							<Card className="card-default">
 								<CardBody>
 									<Row>
-										<Col lg="6">
+										<Col lg={12}>
 											<DetailSanksi data={sanksi.data[0]} />
-										</Col>
-										<Col lg={6}>
-											<Row>
-												<Col>
-													<PermohonanPT data={sanksi.data[0]} />
-												</Col>
-											</Row>
-											<Row>
-												<Col>
-													<p className="lead bb">Jawaban</p>
-													<form className="form-horizontal" method="get" action="/" onSubmit={this.onSubmit}>
-														<FormGroup>
-															<label className="row-form-label">Status:</label>
-															<div className="row-md-10">
-																<Select
-																	instanceId={selectInstanceId + 1}
-																	value={this.state.selectedOption}
-																	onChange={this.handleChangeSelect}
-																	options={[
-																		{ value: "diterima", label: "Diterima", className: "State-ACT" },
-																		{ value: "rekomendasi perbaikan", label: "Rekomendasi Perbaikan", className: "State-ACT" },
-																	]}
-																	required
-																/>
-																{/* <span className="form-text">Pilih Jenis Pelanggaran</span> */}
-															</div>
-														</FormGroup>
-														{selectedOption && selectedOption.value === "rekomendasi perbaikan" ? (
-															<FormGroup>
-																<label className="row-form-label">Keterangan:</label>
-																<div className="row-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>
-														) : (
-															""
-														)}
-														<FormGroup>
-															<label className="row-form-label">Upload Dokumen:</label>
-															<div className="row-md-10">
-																<DropzoneWrapper className="" onDrop={this.onDrop}>
-																	{({ getRootProps, getInputProps, isDragActive }) => {
-																		return (
-																			<div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
-																				<input {...getInputProps()} />
-																				<div className="dropzone-previews flex">
-																					{this.state.files.length > 0 ? <Row>{thumbs}</Row> : <div className="text-center dz-default dz-message">Drop files here to upload</div>}
-																				</div>
-																				<div className="d-flex align-items-center">
-																					<small className="ml-auto">
-																						<button type="button" className="btn btn-link" onClick={this.clearFiles}>
-																							Clear files
-																						</button>
-																					</small>
-																				</div>
-																			</div>
-																		);
-																	}}
-																</DropzoneWrapper>
-															</div>
-														</FormGroup>
-														<FormGroup>
-															<div className="row-xl-10">
-																<Button color="primary" onClick={this.handleSimpan} type="submit">
-																	Simpan
-																</Button>
-															</div>
-														</FormGroup>
-													</form>
-												</Col>
-											</Row>
+											<PermohonanPT data={sanksi.data[0]} />
+											<p className="lead bb">Jawaban</p>
+											<form className="form-horizontal" method="get" action="/" onSubmit={this.onSubmit}>
+												<FormGroup>
+													<label className="row-form-label">Status:</label>
+													<div className="row-md-10">
+														<Select
+															instanceId={selectInstanceId + 1}
+															value={this.state.selectedOption}
+															onChange={this.handleChangeSelect}
+															options={[
+																{ value: "diterima", label: "Diterima", className: "State-ACT" },
+																{ value: "rekomendasi perbaikan", label: "Rekomendasi Perbaikan", className: "State-ACT" },
+															]}
+															required
+														/>
+														{/* <span className="form-text">Pilih Jenis Pelanggaran</span> */}
+													</div>
+												</FormGroup>
+												{selectedOption && selectedOption.value === "rekomendasi perbaikan" ? (
+													<FormGroup>
+														<label className="row-form-label">Keterangan:</label>
+														<div className="row-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>
+												) : (
+													""
+												)}
+												<FormGroup>
+													<label className="row-form-label">Upload Dokumen:</label>
+													<div className="row-md-10">
+														<DropzoneWrapper className="" onDrop={this.onDrop}>
+															{({ getRootProps, getInputProps, isDragActive }) => {
+																return (
+																	<div {...getRootProps()} className={"dropzone card p-3 " + (isDragActive ? "dropzone-drag-active" : "")}>
+																		<input {...getInputProps()} />
+																		<div className="dropzone-previews flex">
+																			{this.state.files.length > 0 ? <Row>{thumbs}</Row> : <div className="text-center dz-default dz-message">Drop files here to upload</div>}
+																		</div>
+																		<div className="d-flex align-items-center">
+																			<small className="ml-auto">
+																				<button type="button" className="btn btn-link" onClick={this.clearFiles}>
+																					Clear files
+																				</button>
+																			</small>
+																		</div>
+																	</div>
+																);
+															}}
+														</DropzoneWrapper>
+													</div>
+												</FormGroup>
+												<FormGroup>
+													<div className="row-xl-10">
+														<Button color="primary" onClick={this.handleSimpan} type="submit">
+															Simpan
+														</Button>
+													</div>
+												</FormGroup>
+											</form>
 										</Col>
 									</Row>
 								</CardBody>

pages/app/pt/jawaban-banding/detail.js

@@ -50,10 +50,8 @@ class JawabanBanding extends Component {
 							<Card className="card-default">
 								<CardBody>
 									<Row>
-										<Col lg={6}>
+										<Col lg={12}>
 											<DetailSanksi data={sanksi.data[0]} />
-										</Col>
-										<Col lg={6}>
 											<DetailJawaban data={sanksi.data[0]} />
 										</Col>
 									</Row>

pages/app/pt/jawaban-keberatan/detail.js

@@ -53,10 +53,8 @@ class JawabanKeberatan extends Component {
 							<Card className="card-default">
 								<CardBody>
 									<Row>
-										<Col lg={6}>
+										<Col lg={12}>
 											<DetailSanksi data={sanksi.data[0]} />
-										</Col>
-										<Col lg={6}>
 											<DetailJawaban data={sanksi.data[0]} />
 											<p>
 												Setelah membaca jawaban permohonan keberatan atas pengenaan sanksi, jika Perguruan Tinggi bermaksud mengajukan permohonan banding kepada atasan pemberi sanksi maka dapat menekan tombol di

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

@@ -35,10 +35,8 @@ class DetailJawabanPencabutanSanksi extends Component {
 							<Card className="card-default">
 								<CardBody>
 									<Row>
-										<Col lg={6}>
+										<Col lg={12}>
 											<DetailSanksi data={sanksi.data[0]} />
-										</Col>
-										<Col lg={6}>
 											<p className="lead bb">Jawaban Permohonan Pencabutan Sanksi</p>
 											<form className="form-horizontal">
 												<FormGroup>

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

@@ -112,10 +112,8 @@ class DetailPencabutanSanksi extends Component {
 							<Card className="card-default">
 								<CardBody>
 									<Row>
-										<Col lg="6">
+										<Col lg={12}>
 											<DetailSanksi data={sanksi.data[0]} />
-										</Col>
-										<Col lg={6}>
 											<p className="lead bb">Permohonan Pencabutan Sanksi</p>
 											<form className="form-horizontal" method="get" action="/" onSubmit={this.onSubmit}>
 												<FormGroup>

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

@@ -18,7 +18,7 @@ class PencabutanSanksi extends Component {
 		const { sanksi } = this.props;
 		return (
 			<ContentWrapper>
-				<div className="content-heading">Permohonan Keberatan</div>
+				<div className="content-heading">Permohonan Pencabutan Sanksi</div>
 				<Row>
 					<Col lg={12}>{sanksi.data.length > 0 ? <TableSanksi listData={sanksi.data} to="/app/pt/pencabutan-sanksi/detail" linkName="Detail" /> : ""}</Col>
 				</Row>