fix :: 로그인으로 돌아가기 #10

Team-C0nnect · Sep 1, 2024 · 0f676f0 · 0f676f0
1 parent b8c1531
commit 0f676f0
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/src/components/auth/Signup/singupInformation/index.tsx b/src/components/auth/Signup/singupInformation/index.tsx
@@ -3,8 +3,11 @@ import SideBarImg from "src/assets/img/normalSide.svg";
 import userImg from "src/assets/img/userImg.svg";
 import lockImg from "src/assets/img/Locker.svg";
 import * as S from "src/components/auth/Signup/singupInformation/style";
+import { useNavigate } from "react-router-dom";
 
 const SignUpInformation = () => {
+    const navigate = useNavigate();
+
     return (
         <S.Container>
             <S.SideImage src={SideBarImg} alt="사이드 이미지" />
@@ -27,6 +30,10 @@ const SignUpInformation = () => {
                         <S.Input type="password" placeholder="비밀번호를 입력해주세요" />
                     </S.InputGroup>
                     <S.Button>회원가입</S.Button>
+                    <S.FooterText>
+                        <S.NoMemberText>가입한 계정이 있으신가요?</S.NoMemberText>
+                        <S.SignUpLink onClick={() => navigate("/sign")}>로그인으로 돌아가기</S.SignUpLink>
+                    </S.FooterText>
                 </S.InformationWrap>
             </S.SignUpWrap>
         </S.Container>

diff --git a/src/components/auth/Signup/singupInformation/style.ts b/src/components/auth/Signup/singupInformation/style.ts
@@ -88,3 +88,26 @@ export const Button = styled.button`
         background-color: #0278d4;
     }
 `;
+
+export const FooterText = styled.div`
+    width: 100%;
+    display: flex;
+    gap: 10px;
+    margin-top: 10px;
+    margin-left: 500px;
+`;
+
+export const NoMemberText = styled.span`
+    color: #A1A1A1;
+    font-size: 14px;
+`;
+
+export const SignUpLink = styled.span`
+    cursor: pointer;
+    font-weight: bold;
+    font-size: 16px;
+    color: #0389FF;
+    &:hover {
+        text-decoration: underline;
+    }
+`;