feat: 댓글 컴포넌트 사이 공백 추가

woowacourse-teams · Oct 12, 2023 · a860bb6 · a860bb6
1 parent d6ed26b
commit a860bb6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/frontend/src/components/Recipe/CommentList/CommentList.tsx b/frontend/src/components/Recipe/CommentList/CommentList.tsx
@@ -19,7 +19,7 @@ const CommentList = ({ recipeId }: CommentListProps) => {
   const comments = data.pages.flatMap((page) => page.comments);
 
   return (
-    <>
+    <section>
       <Heading as="h3" size="lg">
         댓글 ({comments.length}개)
       </Heading>
@@ -28,7 +28,7 @@ const CommentList = ({ recipeId }: CommentListProps) => {
         <CommentItem key={comment.id} recipeComment={comment} />
       ))}
       <div ref={scrollRef} style={{ height: '1px' }} aria-hidden />
-    </>
+    </section>
   );
 };
 

diff --git a/frontend/src/pages/RecipeDetailPage.tsx b/frontend/src/pages/RecipeDetailPage.tsx
@@ -78,6 +78,7 @@ export const RecipeDetailPage = () => {
           <CommentList recipeId={Number(recipeId)} />
         </Suspense>
       </ErrorBoundary>
+      <Spacing size={108} />
       <CommentForm recipeId={Number(recipeId)} />
       <Spacing size={12} />
     </>