Proyectos de Subversion LeadersLinked - SPA

import React from 'react'
import { useNavigate } from 'react-router-dom'
import { useSelector } from 'react-redux'

import { useFetch } from '@hooks'

import Widget from '@components/UI/Widget'
import EmptySection from '@components/UI/EmptySection'
import List from '@components/UI/List'

export default function HomeNews({ currentPost }) {
  const { data: news } = useFetch('/helpers/posts', [])
  const labels = useSelector(({ intl }) => intl.labels)
  const navigate = useNavigate()

  return (
    <Widget>
      <Widget.Header title={labels.posts} />

      <Widget.Body>
        {news?.length <= 0 ? (
          <EmptySection message={labels.not_available_posts} />
        ) : null}

        <List styles={{ maxHeight: '380px', overflow: 'scroll' }}>
          {news?.map(({ link, title, image, date }) => {
            if (link.includes(currentPost)) return null

            return (
              <List.Item
                key={title}
                title={title}
                image={image}
                subheader={date}
                avatarVariant='square'
                onClick={() => navigate(link)}
              />
            )
          })}
        </List>
      </Widget.Body>
    </Widget>
  )
}