Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useEffect } from 'react'
import { useDispatch, useSelector } from 'react-redux'
import { fetchFeeds, setCurrentPage } from '../../../redux/feed/feed.actions'

import Feed from './Feed'
import Spinner from '../../UI/Spinner'
import EmptySection from '../../UI/EmptySection'
import ShareModal from '../../share-modal/ShareModal'

const PaginationComponent = React.lazy(() =>
  import('../../UI/PaginationComponent')
)

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

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

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

  useEffect(() => {
    if (feed) fetchSpecificFeed()
  }, [feed])

  useEffect(() => {
    if (!allFeeds.length && !feed && currentPage !== 1)
      dispatch(fetchFeeds(timelineUrl, currentPage))
  }, [allFeeds])

  useEffect(() => {
    dispatch(setCurrentPage(1))
  }, [])

  if (loading) {
    return <Spinner />
  }

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

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

export default FeedList