|  | @@ -1,11 +1,13 @@
 | 
	
		
			
				|  |  |  import Scrollable from "@/components/Common/Scrollable";
 | 
	
		
			
				|  |  |  import moment from "moment";
 | 
	
		
			
				|  |  |  import { Col, FormGroup } from "reactstrap";
 | 
	
		
			
				|  |  | +import { useSelector } from "react-redux";
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  function DetailLaporan({ data, noTitle = false, noStatus = false }) {
 | 
	
		
			
				|  |  | +	const user = useSelector((state) => state.user);
 | 
	
		
			
				|  |  |  	return (
 | 
	
		
			
				|  |  |  		<>
 | 
	
		
			
				|  |  | -			{(!data.user.isPrivate || data.user.role.id === 2020 || data.user.role.id === 2021) && (
 | 
	
		
			
				|  |  | +			{(!data.user.isPrivate || user.role.id === 2020) && (
 | 
	
		
			
				|  |  |  				<>
 | 
	
		
			
				|  |  |  					{noTitle ? "" : <p className="lead bb">Identitas Pelapor - {data.user.isPublic ? "Umum" : "Internal"}</p>}
 | 
	
		
			
				|  |  |  					<FormGroup row>
 | 
	
	
		
			
				|  | @@ -43,6 +45,14 @@ function DetailLaporan({ data, noTitle = false, noStatus = false }) {
 | 
	
		
			
				|  |  |  							</FormGroup>
 | 
	
		
			
				|  |  |  						</>
 | 
	
		
			
				|  |  |  					)}
 | 
	
		
			
				|  |  | +					{data.user.isPrivate && (
 | 
	
		
			
				|  |  | +						<FormGroup row>
 | 
	
		
			
				|  |  | +							<Col md="4">Dirahasiakan</Col>
 | 
	
		
			
				|  |  | +							<Col md="8">
 | 
	
		
			
				|  |  | +								<strong>Ya</strong>
 | 
	
		
			
				|  |  | +							</Col>
 | 
	
		
			
				|  |  | +						</FormGroup>
 | 
	
		
			
				|  |  | +					)}
 | 
	
		
			
				|  |  |  				</>
 | 
	
		
			
				|  |  |  			)}
 | 
	
		
			
				|  |  |  			{noTitle ? "" : <p className="lead bb">Detail Laporan</p>}
 |