|  | @@ -2,6 +2,7 @@ import React, { Component } from "react";
 | 
	
		
			
				|  |  |  import ContentWrapper from "@/components/Layout/ContentWrapper";
 | 
	
		
			
				|  |  |  import { Row, Col } from "reactstrap";
 | 
	
		
			
				|  |  |  import { getPelaporan } from "@/actions/pelaporan";
 | 
	
		
			
				|  |  | +import { getSanksi } from "@/actions/sanksi";
 | 
	
		
			
				|  |  |  import TableLaporan from "@/components/PerpanjanganSanksi/TableLaporan";
 | 
	
		
			
				|  |  |  import { connect } from "react-redux";
 | 
	
		
			
				|  |  |  import Loader from "@/components/Common/Loader";
 | 
	
	
		
			
				|  | @@ -13,17 +14,20 @@ class PerpanjanganSanksi extends Component {
 | 
	
		
			
				|  |  |  			pelaporan: {},
 | 
	
		
			
				|  |  |  			graph: {},
 | 
	
		
			
				|  |  |  			tahun: new Date().getFullYear(),
 | 
	
		
			
				|  |  | +			sanksi: {}
 | 
	
		
			
				|  |  |  		};
 | 
	
		
			
				|  |  |  	}
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  	componentDidMount = async () => {
 | 
	
		
			
				|  |  |  		const { token } = this.props;
 | 
	
		
			
				|  |  |  		const pelaporan = await getPelaporan(token, { sanksi: true });
 | 
	
		
			
				|  |  | -		this.setState({ pelaporan });
 | 
	
		
			
				|  |  | +		const sanksi = await getSanksi(token)
 | 
	
		
			
				|  |  | +		this.setState({ pelaporan, sanksi });
 | 
	
		
			
				|  |  | +		console.log(this.state.sanksi)
 | 
	
		
			
				|  |  |  	};
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  	render() {
 | 
	
		
			
				|  |  | -		const { pelaporan } = this.state;
 | 
	
		
			
				|  |  | +		const { pelaporan, sanksi } = this.state;
 | 
	
		
			
				|  |  |  		return (
 | 
	
		
			
				|  |  |  			<ContentWrapper>
 | 
	
		
			
				|  |  |  				<div className="content-heading">
 | 
	
	
		
			
				|  | @@ -31,7 +35,7 @@ class PerpanjanganSanksi extends Component {
 | 
	
		
			
				|  |  |  				</div>
 | 
	
		
			
				|  |  |  				<Row>
 | 
	
		
			
				|  |  |  					{/* <Col lg="12">{graph?.data ? <CaseProgress data={graph.data} nextButton={this.nextButton} prevButton={this.prevButton} tahun={this.state.tahun} excel={this.excel} /> : <Loader />}</Col> */}
 | 
	
		
			
				|  |  | -					<Col lg="12">{pelaporan?.data ? <TableLaporan status noBy listData={pelaporan.data} to="/app/perpanjangan-sanksi/detail" linkName="Detail" /> : <Loader />}</Col>
 | 
	
		
			
				|  |  | +					<Col lg="12">{sanksi?.data ? <TableLaporan status noBy listData={pelaporan.data} to="/app/perpanjangan-sanksi/detail" linkName="Detail" /> : <Loader />}</Col>
 | 
	
		
			
				|  |  |  				</Row>
 | 
	
		
			
				|  |  |  			</ContentWrapper>
 | 
	
		
			
				|  |  |  		);
 |