+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Loading...
+
+
+ 
${comment.body || 'No post text'}
+ `; + container.appendChild(commentElement); + +}) + +} + diff --git a/js/html-functions/feed/renderPost.js b/js/html-functions/feed/renderPost.js new file mode 100644 index 0000000..5a52651 --- /dev/null +++ b/js/html-functions/feed/renderPost.js @@ -0,0 +1,33 @@ +import { fetchPosts } from "../../api-calls/feed/fetchPosts.js"; +import { fetchComments } from "../../api-calls/feed/fetchComments.js"; +import { renderComments } from "./renderComments.js"; +import { commentOnPost } from "../../api-calls/feed/commentOnPost.js"; + +export async function renderPost(postID, postAuthor){ +const endpoint = "/social/posts/"+postID; + const post = await fetchPosts(endpoint); + const postHeader = document.querySelector("#modal-title"); + const container = document.querySelector("#postModalBody"); + postHeader.innerHTML = postAuthor; + container.innerHTML = ""; + console.log(post) + + container.innerHTML = ` +${post.data.body || 'No post text'}
+
+ ${post.body || 'No post text'}
+
+ ${post.body || 'No post text'}
+
+ ${post.body || 'No post text'}
+
+ 
+ + ${profile.data.bio || "You haven't written a bio yet"} +
+Followers
+Following
+
+ + ${profile.data.bio || "This user haven't written a bio yet"} +
+Followers
+Following
+${post.body || 'No post text'}
+
+ ${post.body || 'No post text'}
+
+
+ 
+
+ 
+ 
+