|  | @@ -11,7 +11,7 @@ import InputTanggal from "../../../components/PerpanjanganSanksi/InputTanggal";
 | 
	
		
			
				|  |  |  import Riwayat from "@/components/PerpanjanganSanksi/Riwayat";
 | 
	
		
			
				|  |  |  import TableRiwayatCatatan from "../../../components/PerpanjanganSanksi/TableRiwayatCatatan.js";
 | 
	
		
			
				|  |  |  import Newfile from "./newfile.js";
 | 
	
		
			
				|  |  | -import {  getAllCatatan } from "../../../actions/catatan";
 | 
	
		
			
				|  |  | +import { getAllCatatan } from "../../../actions/catatan";
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -34,7 +34,7 @@ class Detail extends Component {
 | 
	
		
			
				|  |  |  		const { query, token } = this.props;
 | 
	
		
			
				|  |  |  		const idSanksi = query.id;
 | 
	
		
			
				|  |  |  		const sanksi = await getOneSanksi(token, idSanksi, { all: true });
 | 
	
		
			
				|  |  | -		const getCatatan = await getAllCatatan(token , idSanksi)
 | 
	
		
			
				|  |  | +		const getCatatan = await getAllCatatan(token, idSanksi)
 | 
	
		
			
				|  |  |  		const AllCatatan = getCatatan.data
 | 
	
		
			
				|  |  |  		const pt = sanksi.data.laporan.pt;
 | 
	
		
			
				|  |  |  		this.setState({ sanksi, pt, AllCatatan });
 | 
	
	
		
			
				|  | @@ -79,12 +79,22 @@ class Detail extends Component {
 | 
	
		
			
				|  |  |  							</Col>
 | 
	
		
			
				|  |  |  						</Row>
 | 
	
		
			
				|  |  |  					)}
 | 
	
		
			
				|  |  | -					<Row>
 | 
	
		
			
				|  |  | -						<Col>
 | 
	
		
			
				|  |  | +					{AllCatatan?.length ? (
 | 
	
		
			
				|  |  | +						<Row>
 | 
	
		
			
				|  |  | +							<Col>
 | 
	
		
			
				|  |  | +								<TableRiwayatCatatan query={this.props.query} role={this.props.user.role.id} newFilePage="/app/perpanjangan-sanksi/newfile" editFilePage="/app/perpanjangan-sanksi/editfile" readOnly="/app/perpanjangan-sanksi/readOnly" listData={AllCatatan} />
 | 
	
		
			
				|  |  | +							</Col>
 | 
	
		
			
				|  |  | +						</Row>
 | 
	
		
			
				|  |  | +					)
 | 
	
		
			
				|  |  | +						:
 | 
	
		
			
				|  |  | +						(
 | 
	
		
			
				|  |  | +							<Row>
 | 
	
		
			
				|  |  | +								<Col>
 | 
	
		
			
				|  |  | +									<TableRiwayatCatatan query={this.props.query} role={this.props.user.role.id} newFilePage="/app/perpanjangan-sanksi/newfile" editFilePage="/app/perpanjangan-sanksi/editfile" readOnly="/app/perpanjangan-sanksi/readOnly" listData={AllCatatan} />
 | 
	
		
			
				|  |  | +								</Col>
 | 
	
		
			
				|  |  | +							</Row>
 | 
	
		
			
				|  |  | +						)}
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -							<TableRiwayatCatatan query={this.props.query} role={this.props.user.role.id} newFilePage ="/app/perpanjangan-sanksi/newfile" editFilePage ="/app/perpanjangan-sanksi/editfile" readOnly ="/app/perpanjangan-sanksi/readOnly" listData={AllCatatan}/>
 | 
	
		
			
				|  |  | -						</Col>
 | 
	
		
			
				|  |  | -					</Row>
 | 
	
		
			
				|  |  |  					{sanksi.data && (
 | 
	
		
			
				|  |  |  						<Row>
 | 
	
		
			
				|  |  |  							<Col>
 |