\n {/* Post Header */}\n

\n {post.user?.profilePicUrl ? (\n {post.user.username}

\n ) : (\n post.user?.username.charAt(0).toUpperCase()\n )}\n

{post.user?.username}

{formatDate(post.createdAt)}

\n \n {/* Delete button (only for post owner or admin) */}\n {(user?.id === post.userId || user?.isAdmin) && (\n

\n \n \n {showDeleteConfirm && (\n \n )}\n

\n )}\n

\n \n {/* Post Content */}\n

\n {post.content}\n

\n \n {post.imageUrl && (\n

\n $\"Post$ {\n (e.target as HTMLImageElement).style.display = 'none';\n }}\n />\n

\n )}\n

\n \n {/* Post Actions */}\n

\n \n \n \n

\n \n {/* Comments Section */}\n {showComments && (\n

\n {isLoadingComments ? (\n

\n ) : comments.length === 0 ? (\n

\n No comments yet. Be the first to comment!\n

\n ) : (\n

\n {comments.map(comment => (\n

\n {comment.user?.profilePicUrl ? (\n {comment.user.username}

\n ) : (\n comment.user?.username.charAt(0).toUpperCase()\n )}\n

{comment.user?.username}

{comment.content}

{formatDate(comment.createdAt)}

\n ))}\n

\n )}\n \n {/* Add Comment Form */}\n \n

\n )}\n

\n );\n};\n\nexport default PostItem;","deleted","label",[168,169,150],"frontend","components","permalink","https://www.val.town/x/JoeEdoh/tos/code/frontend/components/PostItem.tsx","extension","actionData","errors"]