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

import React, { Component } from "react";
import ContentWrapper from "@/components/Layout/ContentWrapper";
import { Row, Col } from "reactstrap";
import { getSanksi } from "@/actions/sanksi";
import { connect } from "react-redux";
import Loader from "@/components/Common/Loader";
import TableBypass from "../../../components/Bypass/TableBypass";
class Bypass extends Component {
    constructor(props) {
        super(props);
        this.state = {
            sanksi: {},
        };
    }

    componentDidMount = async () => {
        const { token } = this.props;
        const sanksi = await getSanksi(token, { bypassCabutSanksi: true });
        this.setState({ sanksi });
    };

    render() {
        const { sanksi } = this.state;
        return (
            <ContentWrapper>
                <div className="content-heading">
                    <span className="font-color-white">
                        Bypass
                    </span></div>
                <Row>
                    <Col lg={12}>{sanksi.data?.length ? <TableBypass listData={sanksi.data} linkName="Detail" to="/app/bypass/detail" /> : sanksi.data ? "Tidak ada Sanksi" : <Loader />}</Col>
                </Row>
            </ContentWrapper>
        );
    }
}

const mapStateToProps = (state) => ({ user: state.user, token: state.token });
export default connect(mapStateToProps)(Bypass);