From 2ad4beced8d9b36a1f02365a427271a78e488fdd Mon Sep 17 00:00:00 2001
From: qkdflrgs <qkdflrgs@gmail.com>
Date: Fri, 18 Aug 2023 13:44:44 +0900
Subject: [PATCH] =?UTF-8?q?refactor/#215:=20Comment=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EB=A6=AC=ED=8C=A9=ED=86=A0=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FE/src/components/Comment/Comment.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/FE/src/components/Comment/Comment.tsx b/FE/src/components/Comment/Comment.tsx
index a5bbd2a11..eed3ecaad 100644
--- a/FE/src/components/Comment/Comment.tsx
+++ b/FE/src/components/Comment/Comment.tsx
@@ -1,6 +1,5 @@
 import { styled } from "styled-components";
 import { AssigneesList } from "../../type";
-import UserProfileButton from "../UserProfileButton/UserProfileButton";
 import { calculateTime } from "../../utils/calculateTime";
 import Button from "../common/Button/Button";
 import { useEffect, useState } from "react";
@@ -122,7 +121,7 @@ export default function Comment({
       <CommentWrapper $isEdit={isEdit}>
         <Header>
           <Info>
-            <UserProfileButton src={author.profileImageUrl} />
+            <UserProfileImg src={author.profileImageUrl} />
             <UserName>{author.nickname}</UserName>
             <Time>{calculateTime(createAt)}</Time>
           </Info>
@@ -207,6 +206,12 @@ const Header = styled.div`
   border-top-right-radius: inherit;
 `;
 
+const UserProfileImg = styled.img`
+  width: 32px;
+  height: 32px;
+  border-radius: ${({ theme }) => theme.radius.half};
+`;
+
 const Info = styled.div`
   display: flex;
   gap: 8px;