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)