| 
					
				 | 
			
			
				@@ -1,10 +1,18 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import Datatable from "@/components/Tables/Datatable"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import moment from "moment"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { Card, CardHeader, CardBody, CardTitle } from "reactstrap"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-import { API_URL } from "@/env"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import Swal from "sweetalert2"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 function Riwayat({ data, role }) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-	const { cabut_sanksi } = data; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	const handleOpenAlert = () => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		Swal.fire({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			icon: 'error', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			title: 'Oops...', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			html: 'Maaf anda tidak memiliki akses untuk menyelesaikan<p> proses ini.</p>', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			confirmButtonColor: "#3e3a8e", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			confirmButtonText: 'Oke' 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		}) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	}; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 	return ( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		<Card className="card-default"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			<CardHeader> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -22,9 +30,9 @@ function Riwayat({ data, role }) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 						<tbody> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 							{data ? ( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 								<tr> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-									<td>{moment(data.createAt).format("DD MMMM YYYY")}</td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+									<td>{moment(data?.createAt).format("DD MMMM YYYY")}</td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 									<td> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-										{data.dokumen?.map((e) => ( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+										{data?.dokumen?.map((e) => ( 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 											<> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 												<em className="fa-lg far fa-file-code"></em> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 												{role === 2024 ? 
			 |