Proyectos de Subversion LeadersLinked - Backend

/* eslint-disable no-mixed-spaces-and-tabs */

import React, { useState, useEffect } from 'react'

import { Card } from 'react-bootstrap'

import { useDispatch } from 'react-redux'

import { Link } from 'react-router-dom'

import axios from 'axios'

import { LengthFilter, SearchInput, Table, TablePagination } from '../../../recruitment_and_selection/components/TableComponents'

import { addNotification } from '../../../redux/notification/notification.actions'

import ContentTitle from '../../../shared/ContentTitle'

import DeleteModal from '../../../shared/DeleteModal'

const headers = [

	{ key: 'title', label: 'Nombre', isSorteable: true },

	{ key: 'description', label: 'Descripción', isSorteable: true },

	{ key: 'progress', label: 'Progreso', isSorteable: true },

	{ key: 'cost', label: 'Costo', isSorteable: true },

	{ key: 'status', label: 'Estatus', isSorteable: true },

	{ key: 'actions', label: 'Acciones', isSorteable: false }

]

const TableView = ({ add_link, table_link, permisions }) => {

	const dispatch = useDispatch()

	const [modalToShow, setModalToShow] = useState('')

	const [actionLink, setActionLink] = useState(add_link)

	const [items, setItems] = useState([])

	const [objetive, setObjetive] = useState({})

	const [total, setTotal] = useState(0)

	const [search, setSearch] = useState('')

	const [dataLength, setDataLength] = useState(10)

	const [pages, setPages] = useState({

		current: 1,

		last: 1

	})

	const getData = ({ url = '', params = {} }) => {

		axios.get(url, { params: { ...params } })

			.then(({ data }) => {

				if (!data.success) {

					return dispatch(addNotification({

						style: 'danger',

						msg: 'Ha ocurrido un error'

					}))

				}

				setItems(data.data.items)

				setObjetive(data.data.objetive)

				setTotal(data.data.total)

				setPages({ ...pages, last: Math.ceil(data.data.total / dataLength) })

			})

			.catch(() => dispatch(addNotification({

				style: 'danger',

				msg: 'Ha ocurrido un error'

			})))

	}

	useEffect(() => {

		getData({

			url: table_link,

			params: {

				search: search,

				length: dataLength,

				page: pages.current

			}

		})

	}, [search, dataLength, pages.current])

	return (

		<ContentTitle title='Planificación - Objetivos y Metas'>

		</ContentTitle >

	)

}

export default TableView