✨ Feat: 모달 슬라이드 적용

prgrms-web-devcourse-final-project · Dec 9, 2024 · a188c29 · a188c29
1 parent 1ccacbc
commit a188c29
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/src/components/DogProfile/index.tsx b/src/components/DogProfile/index.tsx
@@ -20,7 +20,7 @@ export default function DogProfile({ dogProfile, isEditBtnVisible = false }: Dog
     <S.DogInfoArea>
       <S.DogInfoWrapper>
         {isEditBtnVisible && (
-          <S.EditIconWrapper onClick={() => pushModal(<EditDogProfileModal dogId={dogProfile.dogId} />)}>
+          <S.EditIconWrapper onClick={() => pushModal(<EditDogProfileModal dogId={dogProfile.dogId} />, 'slideLeft')}>
             <MdOutlineModeEdit size={20} />
           </S.EditIconWrapper>
         )}

diff --git a/src/modals/RegisterDogModal/FamilyCodeSection/index.tsx b/src/modals/RegisterDogModal/FamilyCodeSection/index.tsx
@@ -24,7 +24,8 @@ export default function FamilyCodeSection() {
       return
     }
     const dogProfiles = await fetchFamilyDogsMutation.mutateAsync(familyCode)
-    if (dogProfiles) pushModal(<CheckDogProfileSection familyCode={familyCode} dogProfiles={dogProfiles} />)
+    if (dogProfiles)
+      pushModal(<CheckDogProfileSection familyCode={familyCode} dogProfiles={dogProfiles} />, 'slideLeft')
   }
   return (
     <>

diff --git a/src/pages/FamilyDDangPage/index.tsx b/src/pages/FamilyDDangPage/index.tsx
@@ -22,7 +22,7 @@ export default function FamilyDDang() {
   }, [modalList])
 
   const onClickCodeShare = () => {
-    pushModal(<ShareCodeModal />)
+    pushModal(<ShareCodeModal />, 'slideLeft')
   }
 
   return (

diff --git a/src/pages/LogPage/index.tsx b/src/pages/LogPage/index.tsx
@@ -32,7 +32,11 @@ export default function LogPage() {
       <Header type={'sm'}>
         <S.ProfileImg src='test.svg' alt='프로필 사진' />
         <S.DogName>밤톨이 일기</S.DogName>
-        <S.GraphImage src={GraphIcon} alt='산책 기록 그래프' onClick={() => pushModal(<WalkAnalysisModal />)} />
+        <S.GraphImage
+          src={GraphIcon}
+          alt='산책 기록 그래프'
+          onClick={() => pushModal(<WalkAnalysisModal />, 'slideLeft')}
+        />
       </Header>
       <S.CalendarWrapper>
         <Calendar date={date} setDate={setDate} />