Proyectos de Subversion LeadersLinked - Antes de SPA

import { debounce } from '../../utils'

import { searchEntities } from '../../services/items'

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

import Spinner from '../../components/UI/Spinner'

import SearchBar from '../../components/UI/SearchBar'

const InvitationsReceivedPage = () => {

  const [invitationsReceived, setMyProfiles] = useState([])

  const [loading, setLoading] = useState(false)

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

  const labels = useSelector(({ intl }) => intl.labels)

  const getInvitationsReceived = async (search = '') => {

    setLoading(true)

      const { success, data } = await searchEntities(

        'connection/invitations-received',

        search

      )

      if (!success) {

        dispatch(addNotification({ style: 'danger', msg: data }))

        setLoading(false)

        return

      }

      setMyProfiles(data)

    } catch (error) {

      console.log(error)

      throw new Error(error)

    } finally {

    }

  }

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

  useEffect(() => {

  return (

    <main className="companies-info container">

      <TitleSection title={labels.invitations_received} />

      <SearchBar onChange={handleSearch} />

      {loading ? (

        <Spinner />

      ) : (

        <ul className="companies-list">

          {invitationsReceived.length ? (

            invitationsReceived.map(({ id, ...rest }) => (

              <ProfileItem

                key={id}

                {...rest}

                fetchCallback={getInvitationsReceived}

            ))

          ) : (

            <EmptySection

              align="left"

              message={labels.datatable_szerorecords}

            />