PTB-fe/pages/app/riwayat/index.js

import React, { Component } from "react";
import ContentWrapper from "@/components/Layout/ContentWrapper";
import Link from "next/link";
import { Row, Col, Button } from "reactstrap";
import { connect } from "react-redux";
import Loader from "@/components/Common/Loader";
import Router from "next/router";
import TableRiwayat from "@/components/Riwayat/TableRiwayat";
import ChartData from "@/components/Riwayat/ChartData";
import ChartDataBar from "@/components/Riwayat/ChartDataBar";
import Maps from "@/components/Riwayat/Maps"
import TableRadar from "../../../components/Riwayat/TableRadar";
import TableRiwayatt from "../../../components/Riwayat/TableRiwayatt";
import TableRadarr from "../../../components/Riwayat/TableRadarr";
import { getjumlahStatusLaporan } from "../../../actions/graph";
import ChartRadarB from "../../../components/Riwayat/ChartRadarB";
import ChartRadarA from "../../../components/Riwayat/ChartRadarA";



class Riwayat extends Component {
  constructor(props) {
    super(props);
    this.state = {
    };
  }

  // componentDidMount = async () => {
  //   const { token } = this.props;
  //   let jumlahStatusLaporan = await getjumlahStatusLaporan(token);
  //   this.setState({ jumlahStatusLaporan });
  //   console.log(jumlahStatusLaporan.data[1].jumlah_jadwal_evaluasi);
  //   console.log(jumlahStatusLaporan);
  // };

  render() {
    return (
      <ContentWrapper>
        <div className="content-heading">
          <span className="font-color-white">Riwayat</span>
        </div>
        <Row>
          <Col lg="6">
            <ChartDataBar />
          </Col>
          <Col lg="6">
            <Maps />
          </Col>
          <Col lg="6">
            <ChartRadarA />
          </Col>
          <Col lg="6">
            <ChartRadarB />
          </Col>
          {/* <TableRadarr /> */}
          <TableRadar />
          <ChartData />
          {/* <TableRiwayat /> */}
          <Col lg="12">
            <TableRiwayatt />
          </Col>
        </Row>
      </ContentWrapper>
    );
  }
}
export default Riwayat;