Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React, { useEffect } from 'react'
import { useDispatch, useSelector } from 'react-redux'
import { fetchFeeds, setCurrentPage } from '../../../../redux/feed/feed.actions'
import EmptySection from '../../../../shared/empty-section/EmptySection'
import Spinner from '../../../../shared/loading-spinner/Spinner'
import ShareModal from '../../../components/share-modal/ShareModal'
const PaginationComponent = React.lazy(() => import('../../../../shared/pagination/PaginationComponent'))
import Feed from './Feed'

const FeedList = ({
  feed = {},
  image = ''
}) => {
  const { allFeeds, timelineUrl, pages, currentPage, loading } = useSelector((state) => state.feed)
  const dispatch = useDispatch()

  const fetchSpecificFeed = () => dispatch(fetchFeeds(timelineUrl + '/feed/' + feed, 1))

  useEffect(() => {
    if (feed) {
      return fetchSpecificFeed()
    } else {
      return dispatch(fetchFeeds(timelineUrl, currentPage))
    }
  }, []);

  const onChangePageHandler = (currentPage) => {
    dispatch(setCurrentPage(currentPage));
    dispatch(fetchFeeds(timelineUrl, currentPage))
    window.scrollTo(0, 0);
  };

  if (loading) {
    return <Spinner />
  }

  if (!allFeeds.length) {
    return <EmptySection message='No hay publicaciones' />
  }

  return (
    <>
      {allFeeds.map((feed) => {
        return (
          <Feed
            key={feed.feed_unique}
            image={image}
            {...feed}
          />
        )
      })}
      <React.Suspense fallback={null}>
        <PaginationComponent
          onChangePage={onChangePageHandler}
          pages={pages}
          isRow
          currentActivePage={currentPage}
        />
      </React.Suspense>
      <ShareModal
        timelineUrl={timelineUrl}
        currentPage={currentPage}
      />
    </>
  )
}

export default FeedList