feat: implement CommentCard

MovieReviewComment · May 9, 2024 · b4bc8ec · b4bc8ec
1 parent 549fc04
commit b4bc8ec
Showing 1 changed file with 36 additions and 0 deletions.
diff --git a/ui/src/components/comment/client/comment-card.tsx b/ui/src/components/comment/client/comment-card.tsx
@@ -0,0 +1,36 @@
+'use client';
+
+import { CommentCardBody } from '@/components/comment/client/comment-card-body';
+import { CommentCardFooter } from '@/components/comment/client/comment-card-footer';
+import { CommentCardHeader } from '@/components/comment/client/comment-card-header';
+import Card from '@/components/common/server/card';
+
+import { CommentProvider } from '@/context/comment/comment-context';
+
+import type { Comment } from '@/lib/definitions/comment';
+
+export function CommentCard({ comment }: { comment: Comment }) {
+  return (
+    <CommentProvider prepopulated={comment}>
+      <Card>
+        <Card.Header>
+          <CommentCardHeader />
+        </Card.Header>
+
+        <Card.Body>
+          <CommentCardBody />
+        </Card.Body>
+
+        <Card.Footer>
+          <CommentCardFooter
+            nickname={comment.nickname}
+            tag={comment.tag}
+            createdAt={comment.createdAt}
+            updatedAt={comment.updatedAt}
+            authorId={comment.userId}
+          />
+        </Card.Footer>
+      </Card>
+    </CommentProvider>
+  );
+}