🐛 Fix: 마이페이지에서 강아지 수정 버튼 보이는 현상 수정

Author: wonill

src/components/DogProfile/index.tsx

@@ -8,41 +8,38 @@ import { useModalStore } from '~stores/modalStore'
 import EditDogProfileModal from '~modals/EditDogProfileModal'
 import { calculateAge } from '~utils/calculateAge'
 
-export default function DogProfile({
-  dogId,
-  name,
-  gender,
-  profileImg,
-  birthDate,
-  breed,
-  comment,
-  isNeutered,
-  weight,
-}: DogProfileType) {
-  const age = calculateAge(birthDate!)
+interface DogProfileProps {
+  dogProfile: DogProfileType
+  isEditBtnVisible?: boolean
+}
+
+export default function DogProfile({ dogProfile, isEditBtnVisible = false }: DogProfileProps) {
+  const age = calculateAge(dogProfile.birthDate!)
   const { pushModal } = useModalStore()
   return (
     <S.DogInfoArea>
       <S.DogInfoWrapper>
-        <S.EditIconWrapper onClick={() => pushModal(<EditDogProfileModal dogId={dogId} />)}>
-          <MdOutlineModeEdit size={20} />
-        </S.EditIconWrapper>
-        <Profile $size={80} $src={profileImg || ''} />
+        {isEditBtnVisible && (
+          <S.EditIconWrapper onClick={() => pushModal(<EditDogProfileModal dogId={dogProfile.dogId} />)}>
+            <MdOutlineModeEdit size={20} />
+          </S.EditIconWrapper>
+        )}
+        <Profile $size={80} $src={dogProfile.profileImg || ''} />
         <S.DogDetailWrapper>
           <S.TypoWrapper>
             <S.TyopNameWrapper>
-              <Typo20 $weight='700'>{name}</Typo20>
+              <Typo20 $weight='700'>{dogProfile.name}</Typo20>
             </S.TyopNameWrapper>
-            <Typo15 $weight='400'>{breed}</Typo15>
+            <Typo15 $weight='400'>{dogProfile.breed}</Typo15>
             <Separator $height={8} />
             <Typo15 $weight='400'>{age}살</Typo15>
             <Separator $height={8} />
-            <Typo15 $weight='400'>{gender === 'MALE' ? '남' : '여'}</Typo15>
+            <Typo15 $weight='400'>{dogProfile.gender === 'MALE' ? '남' : '여'}</Typo15>
           </S.TypoWrapper>
           <S.DogDetailInfoWrapper>
-            <Typo14 $weight='400'>중성화 {isNeutered === 'TRUE' ? 'O' : 'X'}</Typo14>
+            <Typo14 $weight='400'>중성화 {dogProfile.isNeutered === 'TRUE' ? 'O' : 'X'}</Typo14>
             <Separator $height={8} />
-            <Typo14 $weight='400'>{weight} KG</Typo14>
+            <Typo14 $weight='400'>{dogProfile.weight} KG</Typo14>
           </S.DogDetailInfoWrapper>
         </S.DogDetailWrapper>
       </S.DogInfoWrapper>
@@ -51,7 +48,7 @@ export default function DogProfile({
           우리 댕댕이를 소개해요!
         </Typo15>
         <Typo13 $weight='500' style={{ lineHeight: 1.2 }}>
-          {comment}
+          {dogProfile.comment}
         </Typo13>
       </S.OneLineIntro>
     </S.DogInfoArea>

src/pages/FamilyDDangPage/index.tsx

@@ -33,7 +33,7 @@ export default function FamilyDDang() {
         </S.IconWrapper>
       </S.Header>
 
-      {dogInfo && <DogProfile {...dogInfo} />}
+      {dogInfo && <DogProfile dogProfile={dogInfo} isEditBtnVisible />}
       <S.FamilySection>
         <S.ProfileOneArea>
           <Profile $size={64} $src={Avatar10} userId={1} />

src/pages/MyPage/index.tsx

@@ -79,7 +79,7 @@ export default function MyPage() {
         </S.ProfileSection>
 
         <CountSection walkCount={23} totalDistance={32} gangCount={16} />
-        <S.DogProfileWrapper>{myPageData?.dog && <DogProfile {...myPageData.dog} />}</S.DogProfileWrapper>
+        <S.DogProfileWrapper>{myPageData?.dog && <DogProfile dogProfile={myPageData.dog} />}</S.DogProfileWrapper>
       </S.MainContainer>
 
       {/* <S.CountWrapperBig>{myPageData?.walkCount}회</S.CountWrapperBig>