#6 [Feat] Save, SaveComplete add navigate

EFUB-TEAM4 · Jul 23, 2022 · 5faf4dc · 5faf4dc
1 parent e9591e1
commit 5faf4dc
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/src/pages/Save/SaveComplete/index.js b/src/pages/Save/SaveComplete/index.js
@@ -30,7 +30,11 @@ function SaveComplete() {
       <ImgBox>
         <img src={SaveBear} alt="저장하는 곰돌이 이미지" />
       </ImgBox>
-      <HomeButton>
+      <HomeButton
+        onClick={() => {
+          navigate('/');
+        }}
+      >
         <Text>홈으로 돌아가기</Text>
       </HomeButton>
     </StyledRoot>

diff --git a/src/pages/Save/index.js b/src/pages/Save/index.js
@@ -78,7 +78,12 @@ function Save() {
           </RecordBox>
         </ContentBox>
         <ButtonBox>
-          <PublicButton text="저장하기" />
+          <PublicButton
+            onClick={() => {
+              navigate('/savecomplete');
+            }}
+            text="저장하기"
+          />
         </ButtonBox>
       </MainBox>
     </StyledRoot>

diff --git a/src/pages/Save/style.js b/src/pages/Save/style.js
@@ -42,7 +42,7 @@ const BackButton = styled.img`
   height: 3rem;
 `;
 
-const Text = styled.p`
+const Text = styled.div`
   width: 100%;
   display: flex;
   flex-direction: column;