regle problemme

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

@@ -17,19 +17,24 @@ const NouveauDisplayPosts = () => {
     if (!postsData) {
         return <p>Loading...</p>;
     }
+    try{
+        return (
+            <div>
+                <ul>
+                    {!isEmpty(postsData[0]) &&
+                        postsData.map((post) => {
+                            if(post.postedId === uid){
+                            return <Post post={post} key={post._id}/>
+                            }
+                        })}
+                </ul>
+            </div>
+        );
+    }
+    catch (error){
+        return <p>Loading...</p>;
 
-    return (
-        <div>
-            <ul>
-                {!isEmpty(postsData[0]) &&
-                    postsData.map((post) => {
-                        if(post.postedId === uid){
-                        return <Post post={post} key={post._id}/>
-                        }
-                   })}
-            </ul>
-        </div>
-    );
+    }
 };
 
 export default NouveauDisplayPosts;

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

@@ -52,38 +52,42 @@ const PostNouvelleAffichage = ( { post } ) => {
     if(!isLoading){
         return <p></p>;
     }
-
-    return (
-        <li className='PostesProfilConteneur' key={post._id}>
-            {isLoading ? (
-                <i className='fas fa-spinner fa-spin'></i>
-            ):(
-                <>
-            <div className="unPosteNouvelleAffichage">
-                <div className="dateDePublicationDuPost">
-                    <div>{dateParser(post.createdAt)}</div>
-                </div>
-                <div className="LienDunPosteNouvelleAffichage">
-                    <LinkPreview link={post.lien}/>
-                    <p>{post.message}</p>
-                </div>
-                <div className='informationDunPosteNouvelleAffichage'>
-                    <div id="like">
-                        <ButtonLike post={post}/>
-                        {/* <img src="coeurs.png"/> */}
-                        <div>{post.likers.length}</div>
-                    </div>
-                    <div id="commentaire">
-                    <img src={Commentaire} onClick={() => setComments(!comments)}/>
-                        <div >{post.comments.length}</div>
-                    </div>
-                </div>
-            </div>
-            {comments && <Comment className="CommentaireProfil" post={post} />}
-            </>
-            ) }
-        </li>
-    );
+    try {
+        return (
+            <li className='PostesProfilConteneur' key={post._id}>
+                {isLoading ? (
+                    <i className='fas fa-spinner fa-spin'></i>
+                ) : (
+                    <>
+                        <div className="unPosteNouvelleAffichage">
+                            <div className="dateDePublicationDuPost">
+                                <div>{dateParser(post.createdAt)}</div>
+                            </div>
+                            <div className="LienDunPosteNouvelleAffichage">
+                                <LinkPreview link={post.lien}/>
+                                <p>{post.message}</p>
+                            </div>
+                            <div className='informationDunPosteNouvelleAffichage'>
+                                <div id="like">
+                                    <ButtonLike post={post}/>
+                                    {/* <img src="coeurs.png"/> */}
+                                    <div>{post.likers.length}</div>
+                                </div>
+                                <div id="commentaire">
+                                    <img src={Commentaire} onClick={() => setComments(!comments)}/>
+                                    <div>{post.comments.length}</div>
+                                </div>
+                            </div>
+                        </div>
+                        {comments && <Comment className="CommentaireProfil" post={post}/>}
+                    </>
+                )}
+            </li>
+        );
+    }
+    catch (error){
+        return <p>Loading...</p>;
+    }
 };