FrostByte/client-solid/src/Components/Comment.tsx

19 lines
682 B
TypeScript

import { JSXElement, } from "solid-js";
import { PublicComment } from "../Util/api";
/**
* Comment is a component that displays a single comment.
* @param {Object} props The properties for the Comment component.
* @param {string} props.postId The id of the post that the comment is a reply to.
* @returns {JSXElement} A JSXElement of a comment
*/
export function Comment({ comment }: { comment: PublicComment }): JSXElement {
return (
<div class="flex flex-col space-y-2">
<div class="flex flex-row space-x-2">
<div class="text-xs text-gray-500">{comment.created_at}</div>
</div>
<div class="text-sm">{comment.content}</div>
</div>
);
}