|  | @@ -9,8 +9,7 @@ function TableSanksi({ listData, to, linkName, toKeberatan, toJwbBanding, toJwbK
 | 
	
		
			
				|  |  |  				<Table className="table w-100">
 | 
	
		
			
				|  |  |  					<thead>
 | 
	
		
			
				|  |  |  						<tr>
 | 
	
		
			
				|  |  | -							<th>Nomor Surat Sanksi</th>
 | 
	
		
			
				|  |  | -							{/* <th>Keterangan Sanksi</th> */}
 | 
	
		
			
				|  |  | +							<th>Nomor Sanksi</th>
 | 
	
		
			
				|  |  |  							{/* <th>Created</th> */}
 | 
	
		
			
				|  |  |  							<th>Status</th>
 | 
	
		
			
				|  |  |  						</tr>
 | 
	
	
		
			
				|  | @@ -30,131 +29,119 @@ function TableSanksi({ listData, to, linkName, toKeberatan, toJwbBanding, toJwbK
 | 
	
		
			
				|  |  |  											</div>
 | 
	
		
			
				|  |  |  										</div>
 | 
	
		
			
				|  |  |  									</td>
 | 
	
		
			
				|  |  | -									{/* <td>
 | 
	
		
			
				|  |  | -										<div className="table-desc">
 | 
	
		
			
				|  |  | -											<div className="media align-items-center">
 | 
	
		
			
				|  |  | -												<div className="media-body d-flex">
 | 
	
		
			
				|  |  | -													<div>
 | 
	
		
			
				|  |  | -														<h4 className="m-0">{data.laporan.pt.nama.length > 64 ? data.laporan.pt.nama.substring(0, 64) + "..." : data.laporan.pt.nama}</h4>
 | 
	
		
			
				|  |  | -														<p className="w-105">{data.keterangan}</p>
 | 
	
		
			
				|  |  | -													</div>
 | 
	
		
			
				|  |  | -												</div>
 | 
	
		
			
				|  |  | -											</div>
 | 
	
		
			
				|  |  | -										</div>
 | 
	
		
			
				|  |  | -									</td> */}
 | 
	
		
			
				|  |  | +									{/* <td>{moment(data.createdAt).format("DD MMMM YYYY")}</td> */}
 | 
	
		
			
				|  |  |  									<td>{data.is_pengajuan_keberatan === true || data.is_pengajuan_keberatan === false ? <div className="badge badge-green">{data.last_step}</div> : <div className="badge badge-red">Belum Diperiksa</div>}</td>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -									{new Date(data.tanggal_akhir_keberatan).getTime() + 86400000 > Date.now() ? (
 | 
	
		
			
				|  |  | -										<td>
 | 
	
		
			
				|  |  | -											{data.last_step === "Permohonan Keberatan" && (
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -												<Link href={{ pathname: toKeberatan, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | -													<Button className="btn-login" color >
 | 
	
		
			
				|  |  | -														<span className="font-color-white">
 | 
	
		
			
				|  |  | -															{linkName}
 | 
	
		
			
				|  |  | -														</span>
 | 
	
		
			
				|  |  | -													</Button>
 | 
	
		
			
				|  |  | -												</Link>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -											)}
 | 
	
		
			
				|  |  | -											{data.last_step === "Jawaban Atas Permohonan Keberatan" && (
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -												<Link href={{ pathname: toJwbKeberatan, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | -													<Button className="btn-login" color >
 | 
	
		
			
				|  |  | -														<span className="font-color-white">
 | 
	
		
			
				|  |  | -															{linkName}
 | 
	
		
			
				|  |  | -														</span>
 | 
	
		
			
				|  |  | -													</Button>
 | 
	
		
			
				|  |  | -												</Link>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -											)}
 | 
	
		
			
				|  |  | -											{data.last_step === "Jawaban Atas Permohonan Banding" && (
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -												<Link href={{ pathname: toJwbBanding, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | -													<Button className="btn-login" color >
 | 
	
		
			
				|  |  | -														<span className="font-color-white">
 | 
	
		
			
				|  |  | -															{linkName}
 | 
	
		
			
				|  |  | -														</span>
 | 
	
		
			
				|  |  | -													</Button>
 | 
	
		
			
				|  |  | -												</Link>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -											)}
 | 
	
		
			
				|  |  | -											{data.last_step === "Permohonan Banding" && (
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -												<Link href={{ pathname: toJwbBanding2, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | -													<Button className="btn-login" color >
 | 
	
		
			
				|  |  | -														<span className="font-color-white">
 | 
	
		
			
				|  |  | -															{linkName}
 | 
	
		
			
				|  |  | -														</span>
 | 
	
		
			
				|  |  | -													</Button>
 | 
	
		
			
				|  |  | -												</Link>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -											)}
 | 
	
		
			
				|  |  | -											{data.last_step === "Permohonan Pencabutan Sanksi" && (
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -												<Link href={{ pathname: toCabutSanksi, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | -													<Button className="btn-login" color >
 | 
	
		
			
				|  |  | -														<span className="font-color-white">
 | 
	
		
			
				|  |  | -															{linkName}
 | 
	
		
			
				|  |  | -														</span>
 | 
	
		
			
				|  |  | -													</Button>
 | 
	
		
			
				|  |  | -												</Link>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -											)}
 | 
	
		
			
				|  |  | -											{data.last_step === "Jawaban Atas Permohonan Pencabutan Sanksi" && (
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -												<Link href={{ pathname: toJwbCabutSanksi, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | -													<Button className="btn-login" color >
 | 
	
		
			
				|  |  | -														<span className="font-color-white">
 | 
	
		
			
				|  |  | -															{linkName}
 | 
	
		
			
				|  |  | -														</span>
 | 
	
		
			
				|  |  | -													</Button>
 | 
	
		
			
				|  |  | -												</Link>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -											)}
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -											{data.last_step === "Dokumen Perbaikan" && (
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -												<Link href={{ pathname: toPerbaikan, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | -													<Button className="btn-login" color >
 | 
	
		
			
				|  |  | -														<span className="font-color-white">
 | 
	
		
			
				|  |  | -															{linkName}
 | 
	
		
			
				|  |  | -														</span>
 | 
	
		
			
				|  |  | -													</Button>
 | 
	
		
			
				|  |  | -												</Link>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -											)}
 | 
	
		
			
				|  |  | -											{data.last_step ? (
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -												""
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -											) : (
 | 
	
		
			
				|  |  | -												<Link href={{ pathname: to, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | -													<Button className="btn-login" color >
 | 
	
		
			
				|  |  | -														<span className="font-color-white">
 | 
	
		
			
				|  |  | -															{linkName}
 | 
	
		
			
				|  |  | -														</span>
 | 
	
		
			
				|  |  | -													</Button>
 | 
	
		
			
				|  |  | -												</Link>
 | 
	
		
			
				|  |  | -											)}
 | 
	
		
			
				|  |  | -										</td>
 | 
	
		
			
				|  |  | -									) :
 | 
	
		
			
				|  |  | -										(
 | 
	
		
			
				|  |  | -											<td>
 | 
	
		
			
				|  |  | -												<Link href={{ pathname: toPerbaikan, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | -													<Button className="btn-login" color  >
 | 
	
		
			
				|  |  | -														<span className="font-color-white">
 | 
	
		
			
				|  |  | -															{linkName}
 | 
	
		
			
				|  |  | -														</span>
 | 
	
		
			
				|  |  | -													</Button>
 | 
	
		
			
				|  |  | -												</Link>
 | 
	
		
			
				|  |  | -											</td>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -										)
 | 
	
		
			
				|  |  | +									{/* <td>{data.pengajuan?.keberatan ?
 | 
	
		
			
				|  |  | +										<Link href={{ pathname: toKeberatan, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | +											<Button className="btn-login" color >
 | 
	
		
			
				|  |  | +												<span className="font-color-white">
 | 
	
		
			
				|  |  | +													{linkName}
 | 
	
		
			
				|  |  | +												</span>
 | 
	
		
			
				|  |  | +											</Button>
 | 
	
		
			
				|  |  | +										</Link> :
 | 
	
		
			
				|  |  | +										<Link href={{ pathname: to, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | +											<Button className="btn-login" color >
 | 
	
		
			
				|  |  | +												<span className="font-color-white">
 | 
	
		
			
				|  |  | +													{linkName}
 | 
	
		
			
				|  |  | +												</span>
 | 
	
		
			
				|  |  | +											</Button>
 | 
	
		
			
				|  |  | +										</Link>
 | 
	
		
			
				|  |  |  									}
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | +									</td> */}
 | 
	
		
			
				|  |  | +									<td>
 | 
	
		
			
				|  |  | +										{data.last_step === "Permohonan Keberatan" && (
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +											<Link href={{ pathname: toKeberatan, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | +												<Button className="btn-login" color >
 | 
	
		
			
				|  |  | +													<span className="font-color-white">
 | 
	
		
			
				|  |  | +														{linkName}
 | 
	
		
			
				|  |  | +													</span>
 | 
	
		
			
				|  |  | +												</Button>
 | 
	
		
			
				|  |  | +											</Link>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +										)}
 | 
	
		
			
				|  |  | +										{data.last_step === "Jawaban Atas Permohonan Keberatan" && (
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +											<Link href={{ pathname: toJwbKeberatan, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | +												<Button className="btn-login" color >
 | 
	
		
			
				|  |  | +													<span className="font-color-white">
 | 
	
		
			
				|  |  | +														{linkName}
 | 
	
		
			
				|  |  | +													</span>
 | 
	
		
			
				|  |  | +												</Button>
 | 
	
		
			
				|  |  | +											</Link>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +										)}
 | 
	
		
			
				|  |  | +										{data.last_step === "Jawaban Atas Permohonan Banding" && (
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +											<Link href={{ pathname: toJwbBanding, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | +												<Button className="btn-login" color >
 | 
	
		
			
				|  |  | +													<span className="font-color-white">
 | 
	
		
			
				|  |  | +														{linkName}
 | 
	
		
			
				|  |  | +													</span>
 | 
	
		
			
				|  |  | +												</Button>
 | 
	
		
			
				|  |  | +											</Link>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +										)}
 | 
	
		
			
				|  |  | +										{data.last_step === "Permohonan Banding" && (
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +											<Link href={{ pathname: toJwbBanding2, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | +												<Button className="btn-login" color >
 | 
	
		
			
				|  |  | +													<span className="font-color-white">
 | 
	
		
			
				|  |  | +														{linkName}
 | 
	
		
			
				|  |  | +													</span>
 | 
	
		
			
				|  |  | +												</Button>
 | 
	
		
			
				|  |  | +											</Link>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +										)}
 | 
	
		
			
				|  |  | +										{data.last_step === "Permohonan Pencabutan Sanksi" && (
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +											<Link href={{ pathname: toCabutSanksi, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | +												<Button className="btn-login" color >
 | 
	
		
			
				|  |  | +													<span className="font-color-white">
 | 
	
		
			
				|  |  | +														{linkName}
 | 
	
		
			
				|  |  | +													</span>
 | 
	
		
			
				|  |  | +												</Button>
 | 
	
		
			
				|  |  | +											</Link>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +										)}
 | 
	
		
			
				|  |  | +										{data.last_step === "Jawaban Atas Permohonan Pencabutan Sanksi" && (
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +											<Link href={{ pathname: toJwbCabutSanksi, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | +												<Button className="btn-login" color >
 | 
	
		
			
				|  |  | +													<span className="font-color-white">
 | 
	
		
			
				|  |  | +														{linkName}
 | 
	
		
			
				|  |  | +													</span>
 | 
	
		
			
				|  |  | +												</Button>
 | 
	
		
			
				|  |  | +											</Link>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +										)}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +										{data.last_step === "Dokumen Perbaikan" && (
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +											<Link href={{ pathname: toPerbaikan, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | +												<Button className="btn-login" color >
 | 
	
		
			
				|  |  | +													<span className="font-color-white">
 | 
	
		
			
				|  |  | +														{linkName}
 | 
	
		
			
				|  |  | +													</span>
 | 
	
		
			
				|  |  | +												</Button>
 | 
	
		
			
				|  |  | +											</Link>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +										)}
 | 
	
		
			
				|  |  | +										{data.last_step ? (
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +											""
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +										) : (
 | 
	
		
			
				|  |  | +											<Link href={{ pathname: to, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | +												<Button className="btn-login" color >
 | 
	
		
			
				|  |  | +													<span className="font-color-white">
 | 
	
		
			
				|  |  | +														{linkName}
 | 
	
		
			
				|  |  | +													</span>
 | 
	
		
			
				|  |  | +												</Button>
 | 
	
		
			
				|  |  | +											</Link>
 | 
	
		
			
				|  |  | +										)}
 | 
	
		
			
				|  |  | +									</td>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  								</tr>
 | 
	
		
			
				|  |  |  							);
 |