Merge pull request #20 from EFUB-TEAM4/issue-6

#6 : [SaveComplete] PC, Mobile UI
EFUB-TEAM4 · Jul 21, 2022 · 25c362b · 25c362b
2 parents 88a787b + e9591e1
commit 25c362b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 6 deletions.
diff --git a/src/AppRouter.js b/src/AppRouter.js
@@ -23,7 +23,7 @@ function AppRouter() {
         {/* 추후 로그인 여부 확인 로직 필요 */}
 
         <Route path="/save" element={<Save />} />
-        <Route path="/complete" element={<SaveComplete />} />
+        <Route path="/savecomplete" element={<SaveComplete />} />
         <Route path="/vote" element={<Vote />} />
         <Route path="/votecomplete" element={<VoteComplete />} />
         <Route path="/mypage" element={<MyPage />} />

diff --git a/src/pages/Save/SaveComplete/index.js b/src/pages/Save/SaveComplete/index.js
@@ -1,5 +1,6 @@
 /* eslint-disable import/no-unresolved */
 import React from 'react';
+import { useNavigate } from 'react-router-dom';
 import { SaveBear, WhiteClose } from 'assets';
 import {
   StyledRoot,
@@ -12,10 +13,16 @@ import {
 } from './style';
 
 function SaveComplete() {
+  const navigate = useNavigate();
   return (
     <StyledRoot>
       <ButtonBox>
-        <button type="button">
+        <button
+          type="button"
+          onClick={() => {
+            navigate(-1);
+          }}
+        >
           <ExitButton src={WhiteClose} alt="창 닫기 버튼" />
         </button>
       </ButtonBox>

diff --git a/src/pages/Save/SaveComplete/style.js b/src/pages/Save/SaveComplete/style.js
@@ -22,11 +22,10 @@ const ButtonBox = styled.div`
 `;
 
 const ExitButton = styled.img`
-  ${applyMediaQuery('desktop')} {
-    display: none;
-  }
+  display: none;
 
   ${applyMediaQuery('mobile')} {
+    display: block;
     width: 3rem;
     height: 3rem;
   }
@@ -36,7 +35,7 @@ const MainText = styled.p`
   font-family: 'Cafe24Ssurround';
   font-size: ${({ theme: { font } }) => font.size.large};
   color: ${({ theme: { color } }) => color.white};
-  /* margin-top: 7rem; */
+
   margin-bottom: 5rem;
 
   ${applyMediaQuery('mobile')} {