refactor/BibimMandu-IssueTacker#215: Comment 컴포넌트 리팩토링

qkdflrgs · Aug 18, 2023 · 2ad4bec · 2ad4bec
1 parent f675724
commit 2ad4bec
Showing 1 changed file with 7 additions and 2 deletions.
diff --git 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;