19 lines
682 B
TypeScript
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>
|
|
);
|
|
}
|