merge

Site Web/client/src/components/Post/NouveauDisplayPosts.js

@@ -1,45 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { getPosts } from '../../actions/post.actions';
-import { isEmpty } from "../Utils";
-import Post from './PostNouvelleAffichage';
-
-const NouveauDisplayPosts = () => {
-    const [loadPost, setLoadPost] = useState(true);
-    const [count , setCount] = useState(5);
-    const dispatch = useDispatch();
-    const postsData = useSelector((state) => state.post.post);
-    
-    const loadMore = () => {
-        if (window.innerHeight + document.documentElement.scrollTop + 1 > document.scrollingElement.scrollHeight){
-            setLoadPost(true);
-        }
-    }
-
-    useEffect(() => {
-        if (loadPost) {
-            dispatch(getPosts(count));
-            setLoadPost(false);
-            setCount(count + 5);
-        }
-        window.addEventListener('scroll', loadMore);
-        return () => window.removeEventListener('scroll',loadMore);
-    }, [loadPost,dispatch,count])
-
-    if (loadPost || (postsData === null || isEmpty(postsData)) ) {
-        return <p>Loading...</p>;
-    }
-
-
-    return (
-        <div>
-            <ul>
-                { postsData === null && !isEmpty(postsData[0]) && postsData.map((post) => {
-                        return <Post post={post} key={post._id}/>
-                    })}
-            </ul>
-        </div>
-    );
-};
-
-export default NouveauDisplayPosts;