Proyectos de Subversion LeadersLinked - Backend

import axios from 'axios'
import React, { useState } from 'react'
import EditModal from './Modal';
import TableContainer from './TableContainer';

const CompanySizesView = ({ urlsVar }) => {

    const { linkTable, addUrl } = urlsVar
    const [companyData, setCompanyData] = useState({});
    const [showModal, setShowModal] = useState(false);
    const [selectItem, setSelectItem] = useState(null);
    const [actionLink, setActionLink] = useState(addUrl);
    const headers = [
        { key: "name", label: "Nombre", isSorteable: true },
        { key: "minimum_no_of_employee", label: "Mínimo", isSorteable: true },
        { key: "maximum_no_of_employee", label: "Máximo", isSorteable: true },
        { key: "status", label: "Activo", isSorteable: false },
        { key: "actions", label: "Acciones", isSorteable: false }
    ]

    const getData = (search, start, length) => {
        axios.get(
            linkTable,
            {
                params: {
                    search: search,
                    start: start,
                    length: length
                }
            })
            .then(({ data }) => {
                if (data.success) {
                    setCompanyData(data.data)

                    return data.data
                }
            })
            .catch((err) => console.log(err))
    }

    const closeModal = () => {
        setShowModal(false)
        setSelectItem(null)
        setActionLink(addUrl)
    }

    const editItem = (item) => {
        setSelectItem(item);
        setActionLink(item.actions.link_edit);
        setShowModal(true);
    }

    const addItem = () => {
        setSelectItem(null);
        setActionLink(addUrl)
        setShowModal(true);
    }

    return (
        <>
            <section className="content">
                <section className="content-header">
                    <div className="container-fluid">
                        <div className="row mb-2">
                            <div className="col-sm-12">
                                <h1>Tamaños de empresa</h1>
                            </div>
                        </div>
                    </div>
                </section>
                <TableContainer
                    data={companyData}
                    getData={getData}
                    onEdit={editItem}
                    onAdd={addItem}
                    headers={headers}
                />
            </section>
            <EditModal
                isOpen={showModal}
                title='Tamaños de empresas'
                closeModal={closeModal}
                isEdit={actionLink !== addUrl}
                url={actionLink}
                currentItem={selectItem}
                action={getData}
            />
        </>
    )
}

export default CompanySizesView