Proyectos de Subversion LeadersLinked - Backend

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

const IndustriesView = ({ urlsVar }) => {
        const { linkTable, addUrl, allowAdd, allowEdit, allowDelete } = urlsVar

        const [industries, setIndustries] = useState({})

        const [selectItem, setSelectItem] = useState(null)
        const [actionLink, setActionLink] = useState(addUrl)

        const [showModal, setShowModal] = useState(false)
        const [showDeleteModal, setShowDeleteModal] = useState(false)

        const headers = [
                { key: 'name', label: 'Nombre', 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) setIndustries(response.data)
                        })
                        .catch((err) => console.log(err))
        }

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

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

        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>Industrias</h1>
                                </section>
                                <div className="container-fluid">
                                        <TableFilters data={industries} getData={getData} onAdd={addItem} allowAdd={allowAdd}>
                                                {industries.items && 
                                                function() {
                                                        return (
                                                                <Table
                                                                        data={industries.items}
                                                                        onEdit={editItem}
                                                                        onDelete={deleteItem}
                                                                        headers={headers}
                                                                        allowEdit={allowEdit}
                                                                        allowDelete={allowDelete}
                                                                />
                                                        )
                                                }()}
                                        </TableFilters>
                                </div>
                        </section>
                        <EditModal
                                isOpen={showModal}
                                url={actionLink}
                                currentItem={selectItem}
                                onComplete={()=> getData()}
                                onClose={()=> {
                                        if(selectItem) setSelectItem(null)
                                        closeModal()
                                }}
                        />
                        <DeleteModal
                                isOpen={showDeleteModal}
                                closeModal={closeDeleteModal}
                                url={actionLink}
                                onComplete={getData}
                        />
                </>
        )
}

export default IndustriesView