Proyectos de Subversion LeadersLinked - Backend

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

const AptitudesView = ({ urlsVar }) => {
        const { linkTable, addUrl, allowAdd, allowEdit, allowDelete } = urlsVar
        const [aptitudes, setAptitudes] = 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: '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) {
                                        setAptitudes(response.data)
                                }
                        })
                        .catch((err) => console.log(err))
        }

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

        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 = () => {
                setSelectItem(null)
                setActionLink(addUrl)
                setShowModal(true)
        }

        return (
                <>
                        <section className="content">
                                <section className="content-header">
                                        <h1>Aptitudes</h1>
                                        <div className="container-fluid">
                                                <TableFilters
                                                        data={aptitudes}
                                                        getData={getData}
                                                        onAdd={addItem}
                                                        allowAdd={allowAdd}
                                                >
                                                        {aptitudes.items &&
                                                        function(){
                                                                return (
                                                                        <Table
                                                                                data={aptitudes.items}
                                                                                onEdit={editItem}
                                                                                onDelete={deleteItem}
                                                                                headers={headers}
                                                                                allowEdit={allowEdit}
                                                                                allowDelete={allowDelete}
                                                                        />
                                                                )
                                                        }()}
                                                </TableFilters>
                                                
                                        </div>
                                </section>
                        </section>
                        <EditModal
                                isOpen={showModal}
                                title='Aptitudes'
                                closeModal={closeModal}
                                isEdit={actionLink !== addUrl}
                                url={actionLink}
                                currentItem={selectItem}
                                action={getData}
                        />
                        <DeleteModal
                                isOpen={showDeleteModal}
                                closeModal={closeDeleteModal}
                                url={actionLink}
                                onComplete={getData}
                        />
                </>
        )
}

export default AptitudesView