feat: 커피챗 상세 페이지 로직 변경 및 리패치 (#1706)

* feat: 프로필 로직 변경 * fix: 코드 리패치
sopt-makers · Dec 17, 2024 · c1142e9 · c1142e9
1 parent 3cc31ca
commit c1142e9
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 11 deletions.
diff --git a/src/components/coffeechat/Banner/CoffeeChatLottie.tsx b/src/components/coffeechat/Banner/CoffeeChatLottie.tsx
@@ -1,14 +1,14 @@
-import dynamic from 'next/dynamic';
-
-const Lottie = dynamic(() => import('react-lottie'), { ssr: false });
 import styled from '@emotion/styled';
+import dynamic from 'next/dynamic';
 
 import Responsive from '@/components/common/Responsive';
 import { LoggingClick } from '@/components/eventLogger/components/LoggingClick';
 import mobilePC from '@/public/lottie/coffee_MO.json';
 import coffeePC from '@/public/lottie/coffee_PC.json';
 import { PCTA_MID_MEDIA_QUERY } from '@/styles/mediaQuery';
 
+const Lottie = dynamic(() => import('react-lottie'), { ssr: false });
+
 function CoffeeChatLottie() {
   const defaultDesktopOptions = {
     loop: true,

diff --git a/src/components/coffeechat/detail/OpenerProfile/index.tsx b/src/components/coffeechat/detail/OpenerProfile/index.tsx
@@ -3,6 +3,8 @@ 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 Link from 'next/link';
 import ProfileIcon from 'public/icons/icon-profile.svg';
 
 import { useGetCoffeechatDetail } from '@/api/endpoint/coffeechat/getCoffeechatDetail';
@@ -11,7 +13,6 @@ import RegisterCoffeechatButton from '@/components/coffeechat/detail/RegisterCof
 import ShowCoffeechatToggle from '@/components/coffeechat/detail/ShowCoffeechatToggle';
 import useModalState from '@/components/common/Modal/useModalState';
 import { MOBILE_MEDIA_QUERY } from '@/styles/mediaQuery';
-import { useDialog } from '@sopt-makers/ui';
 
 interface OpenerProfileProps {
   memberId: string;
@@ -40,13 +41,15 @@ export default function OpenerProfile({ memberId }: OpenerProfileProps) {
     <>
       {openerProfile && (
         <OpenerProfileSection isMine={!!openerProfile.isMine}>
-          <ProfileImageBox>
-            {openerProfile.profileImage ? (
-              <ProfileImage src={openerProfile.profileImage} alt='프로필 이미지' />
-            ) : (
-              <ProfileIcon />
-            )}
-          </ProfileImageBox>
+          <Link href={"/members/"+memberId}>
+            <ProfileImageBox>
+             {openerProfile.profileImage ? (
+                <ProfileImage src={openerProfile.profileImage} alt='프로필 이미지' />
+              ) : (
+                <ProfileIcon />
+              )}
+            </ProfileImageBox>
+          </Link>
           <ProfileInfoBox>
             <ProfileHeader>
               <Name>{openerProfile.name}</Name>