Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
/* eslint-disable camelcase */
import React, { useEffect, useState } from 'react'
import { connect } from 'react-redux'
import { debounce } from '../../../utils'
import { searchEntities } from '../../../services/search'
import { addNotification } from '../../../redux/notification/notification.actions'
import ProfileCard from '../../../components/Profile'
import SearchList from '../../../components/SearchList'
import TitleSection from '../../../components/TitleSection'
import EmptySection from '../../../shared/empty-section/EmptySection'
import Spinner from '../../../shared/loading-spinner/Spinner'

const AppliedJobs = ({ addNotification }) => {
  const [appliedJobs, setAppliedJobs] = useState([])
  const [loading, setLoading] = useState(true)

  useEffect(() => {
    fetchAppliedJobs()
  }, [])

  const fetchAppliedJobs = async (searchValue = '') => {
    setLoading(true)
    const response = await searchEntities('job/applied-jobs', searchValue)

    if (!response.success) {
      addNotification({ style: 'danger', msg: response.data })
      setLoading(false)
      return
    }

    setAppliedJobs(response.data)
    setLoading(false)
  }

  const handleSearch = (value) => debounce(fetchAppliedJobs(value), 500)

  return (
    <section className="companies-info" style={{ position: 'relative' }}>
      <div className="container">
        <TitleSection title={LABELS.PEOPLE_BLOCKED} />
        <SearchList onChange={handleSearch} />
        <div className="companies-list">
          {loading && <Spinner />}
          {(!loading && Boolean(!appliedJobs.length)) && <EmptySection align='left' message={LABELS.DATATABLE_SZERORECORDS} />}
          {(!loading && Boolean(appliedJobs.length)) &&
            appliedJobs.map(({ title, employment_type, link_view, link_remove }, index) =>
              <ProfileCard
                key={index}
                name={title}
                status={employment_type}
                link_view={link_view}
                link_delete={link_remove}
                fetchCallback={fetchAppliedJobs}
                btnAcceptTitle={LABELS.VIEW_JOB}
                btnCancelTitle={LABELS.JOB_REQUEST_CANCEL}
              />
            )}
        </div>
      </div>
    </section>
  )
}

const mapDispatchToProps = {
  addNotification: (notification) => addNotification(notification)
}

export default connect(null, mapDispatchToProps)(AppliedJobs)