|  | @@ -1,8 +1,9 @@
 | 
	
		
			
				|  |  |  import moment from "moment";
 | 
	
		
			
				|  |  | -import { API_URL } from "@/env";
 | 
	
		
			
				|  |  | +import { useSelector } from "react-redux";
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  function Timeline({ data, noFile = false, noJadwal = false }) {
 | 
	
		
			
				|  |  |  	const date = data && [...new Set(data.map((e) => moment(e.createdAt).format("DD MMMM YYYY")))];
 | 
	
		
			
				|  |  | +	const user = useSelector((state) => state.user);
 | 
	
		
			
				|  |  |  	return (
 | 
	
		
			
				|  |  |  		<ul className="timeline-alt">
 | 
	
		
			
				|  |  |  			{date.map((value) => (
 | 
	
	
		
			
				|  | @@ -29,24 +30,38 @@ function Timeline({ data, noFile = false, noJadwal = false }) {
 | 
	
		
			
				|  |  |  													/>
 | 
	
		
			
				|  |  |  													<p className="m-0">
 | 
	
		
			
				|  |  |  														<strong>
 | 
	
		
			
				|  |  | -															{data.user.nama} - {data.user.isPublic ? "Umum" : data.user.role.nama}
 | 
	
		
			
				|  |  | +															{!data.user.isPrivate && data.user.nama ? data.user.nama : "Rahasia"} - {data.user.isPublic ? "Umum" : data.user.role.nama}
 | 
	
		
			
				|  |  |  														</strong>
 | 
	
		
			
				|  |  |  														<br />
 | 
	
		
			
				|  |  |  														{data.keterangan}
 | 
	
		
			
				|  |  |  														<br />
 | 
	
		
			
				|  |  | +														{data.alasan && (
 | 
	
		
			
				|  |  | +															<>
 | 
	
		
			
				|  |  | +																{data.alasan}
 | 
	
		
			
				|  |  | +																<br />
 | 
	
		
			
				|  |  | +															</>
 | 
	
		
			
				|  |  | +														)}
 | 
	
		
			
				|  |  |  														{data.sanksi?.no_sanksi ? `No. Sanksi ${data.sanksi.no_sanksi}` : `No. Laporan ${data.laporan.no_laporan}`}
 | 
	
		
			
				|  |  |  														<p className="text-muted m-0">{moment(data.createdAt).format("hh:mm")}</p>
 | 
	
		
			
				|  |  |  													</p>
 | 
	
		
			
				|  |  |  												</div>
 | 
	
		
			
				|  |  | -												{!noJadwal && data.jadwal && (
 | 
	
		
			
				|  |  | +												{!data.user.isPublic && user?.role.id !== 2022 && data.jawaban && (
 | 
	
		
			
				|  |  | +													<>
 | 
	
		
			
				|  |  | +														<p className="text-muted my-2">Jawaban</p>
 | 
	
		
			
				|  |  | +														<div className="p-2">
 | 
	
		
			
				|  |  | +															<b>{data.jawaban}</b>
 | 
	
		
			
				|  |  | +														</div>
 | 
	
		
			
				|  |  | +													</>
 | 
	
		
			
				|  |  | +												)}
 | 
	
		
			
				|  |  | +												{!data.user.isPublic && data.jadwal && (
 | 
	
		
			
				|  |  |  													<>
 | 
	
		
			
				|  |  |  														<p className="text-muted my-2">Jadwal Pemeriksaan</p>
 | 
	
		
			
				|  |  | -														<p>
 | 
	
		
			
				|  |  | +														<div className="p-2">
 | 
	
		
			
				|  |  |  															Tanggal {moment(data.jadwal.dari_tanggal).format("DD MMMM YYYY")} - {moment(data.jadwal.sampai_tanggal).format("DD MMMM YYYY")}
 | 
	
		
			
				|  |  | -														</p>
 | 
	
		
			
				|  |  | +														</div>
 | 
	
		
			
				|  |  |  													</>
 | 
	
		
			
				|  |  |  												)}
 | 
	
		
			
				|  |  | -												{!noFile && data.dokumen.length ? (
 | 
	
		
			
				|  |  | +												{!data.user.isPublic && data.dokumen?.length ? (
 | 
	
		
			
				|  |  |  													<>
 | 
	
		
			
				|  |  |  														<p className="text-muted my-2">Dokumen</p>
 | 
	
		
			
				|  |  |  														{data.dokumen.map((e) => (
 |