import React, { Component } from "react";
import ContentWrapper from "@/components/Layout/ContentWrapper";
import Link from "next/link";
import { Row, Col, Button } from "reactstrap";
import { getPelaporan } from "@/actions/pelaporan";
import { getGraph, getExcel } from "@/actions/graph";
import CaseProgress from "@/components/Pelaporan/CaseProgress";
import TableLaporan from "@/components/Pelaporan/TableLaporan";
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";

class Riwayat extends Component {
  render() {
    return (
      <ContentWrapper>
        <div className="content-heading">
          <span className="font-color-white">Riwayat</span>
        </div>
        <Row>
          {/* <Col lg="4">
                <CaseProgress />
            </Col> */}
          <Col lg="6">
            <ChartDataBar />
          </Col>
          <Col lg="12">
            <ChartData />
            <TableRiwayat />
          </Col>
        </Row>
      </ContentWrapper>
    );
  }
}
export default Riwayat;