import React, { useState, useEffect } from 'react' import { actionFullAllGetPostsSaga } from '../../actions/typeSaga/feedTypesSaga' import { actionAddCommentFeedTypeSaga } from '../../actions/typeSaga/commentTypesSaga' import { actionClearFeedPostsType } from '../../actions/types/feedTypes' import { Provider, connect } from 'react-redux' import { Divider } from 'antd' import { CPost } from '../onePost' import { Row, Col } from 'antd' import LinkToUser from '../../components/LinkToUser' import { Comments } from '../../components/comment/Comment' import AddComment from '../../components/comment/AddComment' import { MyCarousel } from '../../components/post/Carousel' import load from '../../materials/load.gif' import { actionFullOnePostSaga, actionAddFullCommentSaga, } from '../../actions/typeSaga/postTypesSaga' import { actionFindSubCommentTypeSaga, actionFindSubCommentFeedTypeSaga, } from '../../actions/typeSaga/postTypesSaga' import { CLikeFeed } from '../../components/like/Like' const MyPostFeed = ({ postsFeed = [], onPostsFeed, addComment, onClearFeed, postsFeedPromise, }) => { const [checkScroll, setScroll] = useState(true) useEffect(() => { if (checkScroll) { onPostsFeed() } setScroll(false) }, [checkScroll]) useEffect(() => { document.addEventListener('scroll', scrollHandler) return () => { document.removeEventListener('scroll', scrollHandler) onClearFeed() } }, []) useEffect(() => { document.addEventListener('scroll', scrollHandler) }, [postsFeed.length]) const scrollHandler = (e) => { if ( e.target.documentElement.scrollHeight - (e.target.documentElement.scrollTop + window.innerHeight) < 200 ) { setScroll(true) document.removeEventListener('scroll', scrollHandler) } } return (
You have no posts to feed!
Post and follow other users!
Title: {title || ''}
Text: {text || ''}