Untitled

import React from 'react';
import { AdminModal, TableCell, renderTable, FileBox, FormTabs } from 'view/component/AdminPage';
import { connect } from 'react-redux';

class NhapDiemExcelModal extends AdminModal {
    state = { isUpload: false, items: [], falseItems: [] };

    componentDidMount() {

    }


    render() {
        let { isUpload, items, falseItems } = this.state;
        return (
            <>
                {
                    !isUpload ? <FileBox postUrl='/user/upload' uploadType='ImportDiemAll' userData='ImportDiemAll'
                        accept='.csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel'
                        style={{ width: '80%', margin: '0 auto' }} success={this.onSuccess}
                        ajax={true} /> : <div>
                        <FormTabs tabs={[{
                            title: `Danh sách import thành công (${items.length})`,
                            component: <>{this.table(items, '')}</>
                        }, {
                            title: `Danh sách import bị lỗi (${falseItems.length})`,
                            component: <>{this.table(falseItems, 'errorTable')}</>
                        }
                        ]} />
                    </div>
                }
            </>
        );
    }
}

const mapStateToProps = state => ({ system: state.system });
const mapActionsToProps = {};
export default connect(mapStateToProps, mapActionsToProps)(NhapDiemExcelModal);