Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import React from 'react';

import { useSelector } from 'react-redux'

import { useSelector } from 'react-redux';

import Spinner from '@components/UI/Spinner'

import Spinner from '@components/UI/Spinner';

import EmptySection from '@components/UI/EmptySection'

import EmptySection from '@components/UI/EmptySection';

import ProfileItem from '@components/profile/ProfileItem'

import ProfileItem from '@components/profile/ProfileItem';

import ProfileCardsGrid from '@components/UI/ProfileCardsGrid'

import ProfileCardsGrid from '@components/UI/ProfileCardsGrid';

export default function SavedJobsList({ jobs = [], loading, onComplete }) {

export default function SavedJobsList({ jobs = [], loading, onComplete }) {

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

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

  if (loading) {

  if (loading) {

    return <Spinner />

    return <Spinner />;

  }

  }

  if (!jobs.length) {

  if (!jobs.length) {

    return <EmptySection align='left' message={labels.datatable_szerorecords} />

    return <EmptySection align='left' message={labels.datatable_szerorecords} />;

  }

  }

  return (

  return (

    <ProfileCardsGrid>

    <ProfileCardsGrid>

      {jobs.map(({ id, title, employment_type, ...rest }) => (

      {jobs.map(({ id, title, employment_type, ...rest }) => (

        <ProfileItem

        <ProfileItem

          key={id}

          key={id}

          name={title}

          name={title}

          status={employment_type}

          status={employment_type}

          fetchCallback={onComplete}

          fetchCallback={onComplete}

          {...rest}

          {...rest}

          btnAcceptTitle={labels.view_job}

          btnAcceptTitle={labels.view_job}

          btnRemoveLabel={labels.delete}

          btnRemoveLabel={labels.delete}

        />

        />

      ))}

      ))}

    </ProfileCardsGrid>

    </ProfileCardsGrid>

  )

  );

}

}