Merge pull request #210 from Team-Lecue/hotfix/jungwoo

[Hotfix] 레큐북 제작 취소 모달 연결, navigate 경로 수정
Team-Lecue · Jan 19, 2024 · 5518903 · 5518903
2 parents 14a5775 + 7327baf
commit 5518903
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/src/CreateBook/page/index.tsx b/src/CreateBook/page/index.tsx
@@ -50,15 +50,12 @@ function CreateBook() {
       )}
       {escapeModal && (
         <CommonModal
-          handleFn={() => navigate(-1)}
+          handleFn={() => navigate('/', { state: { step: 1 } })}
           category="book_escape"
           setModalOn={setEscapeModal}
         />
       )}
-      <Header
-        headerTitle="레큐북 만들기"
-        handleFn={() => setEscapeModal(true)}
-      />
+      <Header headerTitle="레큐북 제작" handleFn={() => setEscapeModal(true)} />
       <S.CreateBookBodyWrapper>
         <S.InputWrapper>
           <S.BookInputWrapper>

diff --git a/src/Target/page/TargetPage/index.tsx b/src/Target/page/TargetPage/index.tsx
@@ -3,6 +3,7 @@ import { useNavigate } from 'react-router-dom';
 
 import Header from '../../../components/common/Header';
 import LoadingPage from '../../../components/common/LoadingPage';
+import CommonModal from '../../../components/common/Modal/CommonModal';
 import CompleteButton from '../../components/CompleteButton';
 import FavoriteImageInput from '../../components/FavoriteImageInput';
 import NameInput from '../../components/NameInput';
@@ -14,6 +15,7 @@ function TargetPage() {
   const [presignedFileName, setPresignedFileName] = useState('');
   const [name, setName] = useState('');
   const [fileData, setFileData] = useState<File | null>(null);
+  const [escapeModal, setEscapeModal] = useState(false);
   const [presignedData, setPresignedData] = useState({
     url: '',
     fileName: '',
@@ -70,7 +72,14 @@ function TargetPage() {
     <LoadingPage />
   ) : (
     <S.TargetPageWrapper>
-      <Header headerTitle={'레큐북 제작'} />
+      {escapeModal && (
+        <CommonModal
+          handleFn={() => navigate('/', { state: { step: 1 } })}
+          category="book_escape"
+          setModalOn={setEscapeModal}
+        />
+      )}
+      <Header headerTitle="레큐북 제작" handleFn={() => setEscapeModal(true)} />
       <S.TargetPageBodyWrapper>
         <S.InputSectionWrapper>
           <S.NameInputWrapper>