From 25eaf00bf92ce584feb920ab2fc5464066c83692 Mon Sep 17 00:00:00 2001
From: Whoknow77 <gnsdh86166@gmail.com>
Date: Fri, 8 Mar 2024 17:07:10 +0900
Subject: [PATCH] =?UTF-8?q?[Refactoring=20=E2=9A=99=EF=B8=8F]=20Flex=20->?=
 =?UTF-8?q?=20HStack=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Comments/CommentsItem.tsx                 | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/pages/ProjectDetailPage/components/Comments/CommentsItem.tsx b/src/pages/ProjectDetailPage/components/Comments/CommentsItem.tsx
index a700beec..9066a927 100644
--- a/src/pages/ProjectDetailPage/components/Comments/CommentsItem.tsx
+++ b/src/pages/ProjectDetailPage/components/Comments/CommentsItem.tsx
@@ -4,7 +4,7 @@ import { useEffect, useState } from "react"
 import { SubmitHandler, useForm } from "react-hook-form"
 import { useNavigate } from "react-router-dom"
 
-import { Box, Flex, Text } from "@chakra-ui/react"
+import { Box, Flex, HStack, Spacer, Text } from "@chakra-ui/react"
 import { Comment } from "api-models"
 
 import { useDeleteCommentMutation } from "@pages/ProjectDetailPage/hooks/mutations/useDeleteCommentMutation"
@@ -91,9 +91,7 @@ const CommentsItem = ({ comment, projectId }: CommentsItemProps) => {
               direction="column"
               gap="1rem"
               flex="9.5">
-              <Flex
-                gap="1rem"
-                align="center">
+              <HStack gap="1rem">
                 {comment.user ? (
                   <>
                     <Text
@@ -114,7 +112,8 @@ const CommentsItem = ({ comment, projectId }: CommentsItemProps) => {
                   fontSize="md">
                   {dateToTimeago(comment.createdAt)}
                 </Text>
-              </Flex>
+                <Spacer />
+              </HStack>
               <CommentsInputOrText
                 register={register("content", { required: true })}
                 isEditing={isEditing}