add src to composePost

Osmait · Nov 2, 2023 · bf4d755 · bf4d755
1 parent 2625794
commit bf4d755
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 4 deletions.
diff --git a/FrontendRedSocial/red-social/app/components/feed.tsx b/FrontendRedSocial/red-social/app/components/feed.tsx
@@ -37,17 +37,20 @@ export function Feed({ posts }: Props) {
     }
 
     await createPost(data, token);
-    console.log(data);
     router.refresh();
 
     postFrom.current.reset();
+
   };
+
+  const imgUrl = user?.img ? user.img : "https://avatars.dicebear.com/v2/male/dec006c73441fcd643d5cc092c35d14c.svg"
   return (
     <div id="feed-id">
-      <ComposePost postFrom={postFrom} handlerSubmit={handlerSubmit} />
-      {posts.map((post) => (
+      <ComposePost img={imgUrl} postFrom={postFrom} handlerSubmit={handlerSubmit} />
+
+      {posts ? posts.map((post) => (
         <CardPost key={post.post.id} post={post} />
-      ))}
+      )) : <p>No hay Post..</p>}
     </div>
   );
 }
diff --git a/FrontendRedSocial/red-social/app/home/page.tsx b/FrontendRedSocial/red-social/app/home/page.tsx
@@ -21,5 +21,6 @@ export default async function Home() {
       </div>
       <Feed posts={posts} />
     </div>
+
   );
 }
diff --git a/FrontendRedSocial/red-social/package-lock.json b/FrontendRedSocial/red-social/package-lock.json
diff --git a/FrontendRedSocial/red-social/package.json b/FrontendRedSocial/red-social/package.json
@@ -40,6 +40,7 @@
     "next-themes": "^0.2.1",
     "postcss": "8.4.27",
     "react": "18.2.0",
+    "react-content-loader": "^6.2.1",
     "react-dom": "18.2.0",
     "socket.io-client": "^4.7.2",
     "tailwind-variants": "^0.1.13",