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 = React.memo(() => {

  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 FeedSection