From 0b71cf520cba3a6e312ede93161096fa9401965c Mon Sep 17 00:00:00 2001
From: hayoun <fishingest@kookmin.ac.kr>
Date: Mon, 13 Jan 2025 00:41:14 +0900
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20UserIcon=20mds=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../coffeechat/detail/OpenerProfile/index.tsx | 31 +++++++++++++++----
 1 file changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/components/coffeechat/detail/OpenerProfile/index.tsx b/src/components/coffeechat/detail/OpenerProfile/index.tsx
index 3f92a8bb3..ef40d5f2a 100644
--- a/src/components/coffeechat/detail/OpenerProfile/index.tsx
+++ b/src/components/coffeechat/detail/OpenerProfile/index.tsx
@@ -2,8 +2,8 @@ import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { colors } from '@sopt-makers/colors';
 import { fonts } from '@sopt-makers/fonts';
-import { IconMail } from '@sopt-makers/icons';
-import { useDialog } from '@sopt-makers/ui';
+import { IconMail, IconUser, IconUserX } from '@sopt-makers/icons';
+import { useDialog, UserMention } from '@sopt-makers/ui';
 import Link from 'next/link';
 import ProfileIcon from 'public/icons/icon-profile.svg';
 
@@ -12,6 +12,7 @@ import MessageModal from '@/components/coffeechat/CoffeeChatModal/CoffeeChatModa
 import RegisterCoffeechatButton from '@/components/coffeechat/detail/RegisterCoffeechatButton';
 import ShowCoffeechatToggle from '@/components/coffeechat/detail/ShowCoffeechatToggle';
 import useModalState from '@/components/common/Modal/useModalState';
+import Responsive from '@/components/common/Responsive';
 import { MOBILE_MEDIA_QUERY } from '@/styles/mediaQuery';
 
 interface OpenerProfileProps {
@@ -41,12 +42,14 @@ export default function OpenerProfile({ memberId }: OpenerProfileProps) {
     <>
       {openerProfile && (
         <OpenerProfileSection isMine={!!openerProfile.isMine}>
-          <Link href={"/members/"+memberId}>
+          <Link href={'/members/' + memberId}>
             <ProfileImageBox>
-             {openerProfile.profileImage ? (
+              {openerProfile.profileImage ? (
                 <ProfileImage src={openerProfile.profileImage} alt='프로필 이미지' />
               ) : (
-                <ProfileIcon />
+                <StIconBox>
+                  <StIconUser style={{}} />
+                </StIconBox>
               )}
             </ProfileImageBox>
           </Link>
@@ -181,7 +184,23 @@ const MailIcon = styled(IconMail)`
   width: 20px;
   height: 20px;
 `;
-
+const StIconBox = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${colors.gray900};
+  width: 100%;
+  height: 100%;
+`;
+const StIconUser = styled(IconUser)`
+  margin-top: 5px;
+  width: 60px;
+  color: ${colors.gray400};
+  @media ${MOBILE_MEDIA_QUERY} {
+    margin-top: 3.5px;
+    width: 46px;
+  }
+`;
 // TODO: 폰 아이콘 mds에 반영되면 반영 필요
 const PhoneIcon = styled(IconPhone)`
   width: 20px;

From a2f227649ae495a937866e64f5dc90f777c2f021 Mon Sep 17 00:00:00 2001
From: hayoun <fishingest@kookmin.ac.kr>
Date: Mon, 13 Jan 2025 00:41:31 +0900
Subject: [PATCH 2/3] =?UTF-8?q?fix:=20=EC=BD=94=EB=93=9C=20=EB=A6=AC?=
 =?UTF-8?q?=ED=8C=A9=ED=86=A0=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/coffeechat/detail/OpenerProfile/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/coffeechat/detail/OpenerProfile/index.tsx b/src/components/coffeechat/detail/OpenerProfile/index.tsx
index ef40d5f2a..2b4a2e1a8 100644
--- a/src/components/coffeechat/detail/OpenerProfile/index.tsx
+++ b/src/components/coffeechat/detail/OpenerProfile/index.tsx
@@ -48,7 +48,7 @@ export default function OpenerProfile({ memberId }: OpenerProfileProps) {
                 <ProfileImage src={openerProfile.profileImage} alt='프로필 이미지' />
               ) : (
                 <StIconBox>
-                  <StIconUser style={{}} />
+                  <StIconUser />
                 </StIconBox>
               )}
             </ProfileImageBox>

From 24f79249fc4784d6856bd44c574b68c626d7bba5 Mon Sep 17 00:00:00 2001
From: hayoun <fishingest@kookmin.ac.kr>
Date: Mon, 13 Jan 2025 00:45:58 +0900
Subject: [PATCH 3/3] =?UTF-8?q?fix:=20=EB=B6=88=ED=95=84=EC=9A=94=20?=
 =?UTF-8?q?=EC=BD=94=EB=93=9C=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/coffeechat/detail/OpenerProfile/index.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/coffeechat/detail/OpenerProfile/index.tsx b/src/components/coffeechat/detail/OpenerProfile/index.tsx
index 2b4a2e1a8..c0ccf59ef 100644
--- a/src/components/coffeechat/detail/OpenerProfile/index.tsx
+++ b/src/components/coffeechat/detail/OpenerProfile/index.tsx
@@ -2,17 +2,15 @@ import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { colors } from '@sopt-makers/colors';
 import { fonts } from '@sopt-makers/fonts';
-import { IconMail, IconUser, IconUserX } from '@sopt-makers/icons';
-import { useDialog, UserMention } from '@sopt-makers/ui';
+import { IconMail, IconUser } from '@sopt-makers/icons';
+import { useDialog } from '@sopt-makers/ui';
 import Link from 'next/link';
-import ProfileIcon from 'public/icons/icon-profile.svg';
 
 import { useGetCoffeechatDetail } from '@/api/endpoint/coffeechat/getCoffeechatDetail';
 import MessageModal from '@/components/coffeechat/CoffeeChatModal/CoffeeChatModal';
 import RegisterCoffeechatButton from '@/components/coffeechat/detail/RegisterCoffeechatButton';
 import ShowCoffeechatToggle from '@/components/coffeechat/detail/ShowCoffeechatToggle';
 import useModalState from '@/components/common/Modal/useModalState';
-import Responsive from '@/components/common/Responsive';
 import { MOBILE_MEDIA_QUERY } from '@/styles/mediaQuery';
 
 interface OpenerProfileProps {