reglage

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

@@ -4,6 +4,9 @@ import { addComment, getPosts } from '../../actions/post.actions';
 import FollowHandler from '../UserProfil/FollowHandler';
 import { isEmpty, timestampParser } from '../Utils';
 import ActionComment from './ActionComment';
+import MiniProfil from "../MiniProfil";
+
+
 
 const Comment = ({ post }) => {
     const [message, setMessage] = useState("");
@@ -27,36 +30,22 @@ const Comment = ({ post }) => {
             return (
               <div
                 className={
-                  comment.commenterId === userData._id
+                  comment.commentId === userData._id
                     ? "comment-container client"
                     : "comment-container"
                 }
                 key={comment._id}
               >
                 <div className="left-part">
-                  <img
+                <MiniProfil uid={comment.commentId}/>
-                    src={
-                      !isEmpty(usersData[0]) &&
-                      usersData
-                        .map((user) => {
-                          if (user._id === comment.commenterId) return user.picture;
-                          else return null;
-                        })
-                        .join("")
-                    }
-                    alt="commenter-pic"
-                  />
                 </div>
                 <div className="right-part">
                   <div className="comment-header">
                     <div className="pseudo">
-                      <h3>{comment.commenterPseudo}</h3>
+                    <FollowHandler
-                      {comment.commenterId !== userData._id && (
+                          idToFollow={comment.commentId}
-                        <FollowHandler
-                          idToFollow={comment.commenterId}
                           type={"suggest"}
                         />
-                      )}
                     </div>
                     <span>{timestampParser(comment.timestamp)}</span>
                   </div>

Site Web/client/src/components/Post/DisplayPost/DiplayPostDossier.js

@@ -13,14 +13,17 @@ const DiplayPostDossier = () => {
     useEffect(() => {
         dispatch(getPosts());
     },[dispatch])
-
+    console.log("datados");
+    console.log(postsData);
 
     return (
         <div>
             <ul>
-                {!isEmpty(postsData[0]) &&
+                {!isEmpty(postsData) &&
                     postsData.map((post) => {
                         if(post.postedId === uid){
+                            console.log(post)
+                            console.log("tttt")
                         return <Post post={post} key={post._id}/>
                         }
                    })}

Site Web/client/src/components/Post/DisplayPost/DisplayPostLikeProfil.js

@@ -13,7 +13,8 @@ const DisplayPostLikeProfil = () => {
     useEffect(() => {
         dispatch(getPosts());
     },[dispatch])
-
+    console.log("datapost like");
+    console.log(postsData);
 
     return (
         <div>

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

@@ -13,7 +13,8 @@ const NouveauDisplayPosts = () => {
     useEffect(() => {
         dispatch(getPosts());
     },[dispatch])
-
+    console.log("datapost");
+    console.log(postsData);
     if (!postsData) {
         return <p>Loading...</p>;
     }

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

@@ -49,9 +49,6 @@ const PostNouvelleAffichage = ( { post } ) => {
         !isEmpty(usersData[0]) && setIsLoading(false)
     })
 
-    if(!isLoading){
-        return <p></p>;
-    }
 
     return (
         <li className='PostesProfilConteneur' key={post._id}>

Site Web/client/src/components/UserProfil/NavigationProfil/DossiersPersonnels.js

@@ -5,7 +5,6 @@ import DiplayPostDossier from "../../Post/DisplayPost/DiplayPostDossier";
 
 
 const DossiersPersonnels=()=>{
-
     return(
     <div className='dossierPersonnel'>
      <DiplayPostDossier/>

Site Web/client/src/reducers/post.reducer.js

@@ -3,8 +3,7 @@ import { createSlice } from "@reduxjs/toolkit";
 export const postSlice = createSlice({
     name: "post",
     initialState: {
-        post : {
+        post : null,
-          },
     },
     reducers: {
         setPostData: (state,action) => {