From c70267602b22cc96458a2d0e33221b3c55a76bed Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Wed, 1 Feb 2023 00:54:30 +0000
Subject: [PATCH] comment

---
 beta/src/components/Layout/HomeContent.tsx | 20 ++++++++------------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/beta/src/components/Layout/HomeContent.tsx b/beta/src/components/Layout/HomeContent.tsx
index b23475c4b..34497abea 100644
--- a/beta/src/components/Layout/HomeContent.tsx
+++ b/beta/src/components/Layout/HomeContent.tsx
@@ -55,19 +55,15 @@ export function HomeContent() {
                 <div className="flex-col lg:flex-row gap-20 flex grow w-full mx-auto items-center">
                   <div className="flex grow">
                     <CodeBlock isFromPackageImport={false}>
-                      <div>{`function Post({ post, author }) {
+                      <div>{`function Comment({ comment, author }) {
   return (
     <Panel background="grey">
-      <PostHeader>
-        <Avatar image={author.image} />
-        <Link to={author.url}>
-          {author.name}
-        </Link>
-      </PostHeader>
-      <PostBody>
-        {post.text}
-      </PostBody>
-      <LikeButton post={post} />
+      <Avatar image={author.image} />
+      <Link to={author.url}>{author.name}</Link>
+      <CommentBody>
+        {comment.text}
+      </CommentBody>
+      <LikeButton comment={comment} />
     </Panel>
   );
 }`}</div>
@@ -463,7 +459,7 @@ function Example() {
         <div
           style={{
             color: 'grey',
-            fontSize: 14,
+            fontSize: 12,
             marginBottom: 20,
           }}>
           Lorem Ipsum is simply dummy text of the printing and typesetting