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)