Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { useSelector } from 'react-redux';

import Spinner from '@components/UI/Spinner';
import EmptySection from '@components/UI/EmptySection';
import ProfileItem from '@components/profile/ProfileItem';
import ProfileCardsGrid from '@components/UI/ProfileCardsGrid';

export default function SavedJobsList({ jobs = [], loading, onComplete }) {
  const labels = useSelector(({ intl }) => intl.labels);

  if (loading) {
    return <Spinner />;
  }

  if (!jobs.length) {
    return <EmptySection align='left' message={labels.datatable_szerorecords} />;
  }

  return (
    <ProfileCardsGrid>
      {jobs.map(({ id, title, employment_type, ...rest }) => (
        <ProfileItem
          key={id}
          name={title}
          status={employment_type}
          fetchCallback={onComplete}
          {...rest}
          btnAcceptTitle={labels.view_job}
          btnRemoveLabel={labels.delete}
        />
      ))}
    </ProfileCardsGrid>
  );
}