feat :: sign 페이지끼리 연결

team-xquare · Feb 5, 2024 · 1655e61 · 1655e61
1 parent 4698341
commit 1655e61
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/packages/user/src/pages/SignIn.tsx b/packages/user/src/pages/SignIn.tsx
@@ -5,6 +5,7 @@ import { theme, Input, Button } from '@merge/design-system';
 import { useState } from 'react';
 import { login } from '../apis/sign';
 import { Cookie } from '../utils/cookie';
+import { Link } from 'react-router-dom';
 
 export const SignIn = () => {
   const [data, setData] = useState({ account_id: '', password: '' });
@@ -44,7 +45,9 @@ export const SignIn = () => {
       <Container2>
         <Title>
           <strong>Log In</strong>
-          <div>스퀘어 계정으로 로그인 해주세요.</div>
+          <div>
+            아직 계정이 없다면? <_Link to="/signup">회원가입</_Link>
+          </div>
         </Title>
         <Input
           width={400}
@@ -108,3 +111,8 @@ const BtnContainer = styled.div`
   display: flex;
   justify-content: end;
 `;
+
+const _Link = styled(Link)`
+  color: ${theme.color.primaryA200};
+  text-decoration: none;
+`;
diff --git a/packages/user/src/pages/SignUp.tsx b/packages/user/src/pages/SignUp.tsx
@@ -2,6 +2,7 @@ import styled from '@emotion/styled';
 import SignImg from '../assets/sign.svg';
 import { theme, Input, Button } from '@merge/design-system';
 import { useState } from 'react';
+import { Link } from 'react-router-dom';
 
 export const SignUp = () => {
   const [data, setData] = useState({ id: '', password: '' });
@@ -32,7 +33,9 @@ export const SignUp = () => {
       <Container2>
         <Title>
           <strong>Sign Up</strong>
-          <div>스퀘어 계정으로 로그인 해주세요.</div>
+          <div>
+            이미 계정이 있다면? <_Link to="/signin">로그인</_Link>
+          </div>
         </Title>
         <Input
           width={400}
@@ -96,3 +99,8 @@ const BtnContainer = styled.div`
   display: flex;
   justify-content: end;
 `;
+
+const _Link = styled(Link)`
+  color: ${theme.color.primaryA200};
+  text-decoration: none;
+`;