Proyectos de Subversion LeadersLinked - Backend

import React, { useEffect } from 'react'
import FeedTemplate from './FeedTemplate'
import { fetchFeeds, setCurrentPage } from '../../redux/feed/feed.actions'
import { useDispatch, useSelector } from 'react-redux'
import PaginationComponent from '../../shared/PaginationComponent'
import Spinner from '../../shared/Spinner'
import NotificationAlert from '../../shared/notification/NotificationAlert'

const FeedSection = () => {
  const { allFeeds, timelineUrl, pages, currentPage, loading } = useSelector(
    (state) => state.feed
  )

  const dispatch = useDispatch()

  useEffect(() => {
    dispatch(fetchFeeds(timelineUrl, currentPage))
  }, [timelineUrl])

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

  if (loading) {
    return <Spinner />
  }

  return (
    <>
      {allFeeds.map((feed) => (
        <FeedTemplate feed={feed} key={feed.feed_unique} />
      ))}
      <PaginationComponent
        onChangePage={onChangePageHandler}
        pages={pages}
        isRow
        currentActivePage={currentPage}
      />
      <NotificationAlert />
    </>
  )
}

export default React.memo(FeedSection)