|  | @@ -10,7 +10,6 @@ function TableSanksi({ listData, to, linkName }) {
 | 
	
		
			
				|  |  |  					<thead>
 | 
	
		
			
				|  |  |  						<tr>
 | 
	
		
			
				|  |  |  							<th>Nomor Sanksi</th>
 | 
	
		
			
				|  |  | -							<th>Keterangan Sanksi</th>
 | 
	
		
			
				|  |  |  							<th>Status</th>
 | 
	
		
			
				|  |  |  						</tr>
 | 
	
		
			
				|  |  |  					</thead>
 | 
	
	
		
			
				|  | @@ -28,31 +27,39 @@ function TableSanksi({ listData, to, linkName }) {
 | 
	
		
			
				|  |  |  											</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>
 | 
	
		
			
				|  |  |  										{data.jawaban?.cabut_sanksi ? (
 | 
	
		
			
				|  |  | -											<Link href={{ pathname: to, query: { id: data._id } }}>
 | 
	
		
			
				|  |  | -												<Button className="btn-login" color >
 | 
	
		
			
				|  |  | -													<span className="font-color-white">
 | 
	
		
			
				|  |  | -														{linkName}
 | 
	
		
			
				|  |  | -													</span>
 | 
	
		
			
				|  |  | -												</Button>
 | 
	
		
			
				|  |  | -											</Link>
 | 
	
		
			
				|  |  | +											<div>
 | 
	
		
			
				|  |  | +												<div className="badge-success badge">Sudah Dijawab</div>
 | 
	
		
			
				|  |  | +												<p className="w-105">Sudah menjawab terkait permohonan pencabutan sanksi</p>
 | 
	
		
			
				|  |  | +											</div>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |  										) : (
 | 
	
		
			
				|  |  | -											<div className="badge-info badge">Menunggu Jawaban</div>
 | 
	
		
			
				|  |  | +											<div>
 | 
	
		
			
				|  |  | +												<div className="badge-info badge">Menunggu Jawaban</div>
 | 
	
		
			
				|  |  | +												<p className="w-105">Menunggu jawaban terkait permohonan pencabutan sanksi</p>
 | 
	
		
			
				|  |  | +											</div>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |  										)}
 | 
	
		
			
				|  |  |  									</td>
 | 
	
		
			
				|  |  | +									<td>{data.jawaban?.cabut_sanksi ? (
 | 
	
		
			
				|  |  | +										<Link href={{ pathname: to, query: { id: data._id } }} >
 | 
	
		
			
				|  |  | +											<Button className="btn-login" color >
 | 
	
		
			
				|  |  | +												<span className="font-color-white">
 | 
	
		
			
				|  |  | +													{linkName}
 | 
	
		
			
				|  |  | +												</span>
 | 
	
		
			
				|  |  | +											</Button>
 | 
	
		
			
				|  |  | +										</Link>
 | 
	
		
			
				|  |  | +									) : (
 | 
	
		
			
				|  |  | +										<Button className="btn-login" color disabled={true} >
 | 
	
		
			
				|  |  | +											<span className="font-color-white">
 | 
	
		
			
				|  |  | +												{linkName}
 | 
	
		
			
				|  |  | +											</span>
 | 
	
		
			
				|  |  | +										</Button>
 | 
	
		
			
				|  |  | +									)}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +									</td>
 | 
	
		
			
				|  |  |  								</tr>
 | 
	
		
			
				|  |  |  							);
 | 
	
		
			
				|  |  |  						})}
 |