|
|
@@ -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>
|
|
|
);
|