import React, { Component } from "react";
import ContentWrapper from "@/components/Layout/ContentWrapper";
import { Row, Col, Button, Card, CardBody, Table } from "reactstrap";
import { connect } from "react-redux";
import TableRiwayat from "@/components/Riwayat/TableRiwayat";
import ChartData from "@/components/Riwayat/ChartData";
import { getLog2 } from "@/actions/log";





class Riwayat extends Component {
    constructor(props) {
        super(props);
        this.state = {
            dataRiwayat: []
        };
    }
    componentDidMount = async () => {
        const { token } = this.props;

        const data = await getLog2(this.props.token)
        const dataRiwayat = data.data
        this.setState({ dataRiwayat })
    }
    setDateFilter = (data) => {
        this.setState({ dataFilter: data })
    }
    componentDidUpdate = async () => {
        if (this.state.dataFilter?.updateTable === true) {
            const dataRiwayat = {}
            const date1 = moment(this.state.dataFilter.fromDate).format("YYYY-MM-DD")
            const date2 = moment(this.state.dataFilter.toDate).format("YYYY-MM-DD")
            const data = await getLog2(this.props.token, { fromDate: date1, toDate: date2 })
            // const dataRiwayat = data.data

            this.setState({ dataRiwayat });
        }
    }


    render() {
        return (
            <ContentWrapper>
                <div className="content-heading">
                    <span className="font-color-white">Riwayat</span>
                </div>
                <Row>
                    <ChartData />
                    <Col lg="12">
                        <TableRiwayat />
                    </Col>
                </Row>
            </ContentWrapper>
        );
    }
}
const mapStateToProps = (state) => ({ user: state.user, token: state.token });
export default connect(mapStateToProps)(Riwayat);