Proyectos de Subversion LeadersLinked - Backend

import axios from 'axios'
import React, { useState } from 'react'
import DeleteModal from '../../../shared/DeleteModal'
import Table from '../../../shared/table/Table'
import TableFilters from '../../../shared/table/TableFilters'
import EditModal from './EditModal'

const CompanySizesView = ({ urlsVar }) => {
        const { linkTable, addUrl, allowAdd, allowEdit, allowDelete } = urlsVar
        const [companyData, setCompanyData] = useState({})
        const [showModal, setShowModal] = useState(false)
        const [showDeleteModal, setShowDeleteModal] = 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 = (params= {}) => {
                axios.get(linkTable,{ params: params})
                        .then(({ data:response }) => {
                                if (response.success) setCompanyData(response.data)
                        })
                        .catch((err) => console.log(err))
        }

        const closeModal = () => {
                setShowModal(false)
        }

        const closeDeleteModal = () => {
                setShowDeleteModal(false)
                setActionLink(addUrl)
        }

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

        const deleteItem = (item) => {
                setActionLink(item.actions.link_delete)
                setShowDeleteModal(true)
        }

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

        return (
                <>
                        <section className="content">
                                <section className="content-header">
                                        <h1>Tamaños de empresa</h1>
                                </section>
                                <section className="container-fluid">
                                        <TableFilters data={companyData} onAdd={addItem} getData={getData} allowAdd={allowAdd}>
                                                {companyData.items &&
                                                function(){
                                                        return (
                                                                <Table 
                                                                        headers={headers}
                                                                        data={companyData.items}
                                                                        allowDelete={allowDelete}
                                                                        allowEdit={allowEdit}
                                                                        onDelete={deleteItem}
                                                                        onEdit={editItem}
                                                                />
                                                        )
                                                }()}
                                        </TableFilters>
                                </section>
                        </section>
                        <EditModal
                                isOpen={showModal}
                                title='Tamaños de empresas'
                                url={actionLink}
                                currentItem={selectItem}
                                onComplete={()=> getData()}
                                onClose={()=> {
                                        if(selectItem) setSelectItem(null)
                                        closeModal()
                                }}
                        />
                        <DeleteModal
                                isOpen={showDeleteModal}
                                closeModal={closeDeleteModal}
                                url={actionLink}
                                onComplete={getData}
                        />
                </>
        )
}

export default CompanySizesView