Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import { useHistory } from 'react-router-dom'

import { useSelector } from 'react-redux'

import useFetch from '@app/hooks/useFetch'

import Widget from '@app/components/UI/Widget'

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

import { List, ListItem } from '@app/components/UI/List'

export default function HomeNews({ currentPost }) {

  const { data: news } = useFetch('/helpers/posts')

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

  const history = useHistory()

  return (

    <Widget>

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

      <Widget.Body>

        <EmptySection message={labels.not_available_posts} />

        <List>

          {news.map(({ link, title, image, date }) => {

            if (link.includes(currentPost)) return null

            return (

              <ListItem

                key={title}

                title={title}

                image={image}

                subheader={date}

                avatarVariant='square'

                onClick={() => history.replace(link)}

              />

            )

          })}

        </List>

      </Widget.Body>

    </Widget>

  )

}