Showing
1 changed file
with
7 additions
and
1 deletions
1 | import React from 'react'; | 1 | import React from 'react'; |
2 | +import { Link } from 'react-router-dom'; | ||
2 | import styled from 'styled-components'; | 3 | import styled from 'styled-components'; |
3 | import palette from '../lib/styles/palette'; | 4 | import palette from '../lib/styles/palette'; |
4 | import Button from './common/Button'; | 5 | import Button from './common/Button'; |
... | @@ -80,6 +81,11 @@ const ButtonBlock = styled.div` | ... | @@ -80,6 +81,11 @@ const ButtonBlock = styled.div` |
80 | display: flex; | 81 | display: flex; |
81 | justify-content: space-between; | 82 | justify-content: space-between; |
82 | padding: 1rem; | 83 | padding: 1rem; |
84 | + | ||
85 | + a { | ||
86 | + color: ${palette.blue6}; | ||
87 | + text-decoration: none; | ||
88 | + } | ||
83 | `; | 89 | `; |
84 | 90 | ||
85 | const Login = () => { | 91 | const Login = () => { |
... | @@ -96,7 +102,7 @@ const Login = () => { | ... | @@ -96,7 +102,7 @@ const Login = () => { |
96 | <div className="label">Password</div> | 102 | <div className="label">Password</div> |
97 | </InputBox> | 103 | </InputBox> |
98 | <ButtonBlock> | 104 | <ButtonBlock> |
99 | - <div>홈으로</div> | 105 | + <Link to="/">홈으로</Link> |
100 | <Button color="blue">로그인</Button> | 106 | <Button color="blue">로그인</Button> |
101 | </ButtonBlock> | 107 | </ButtonBlock> |
102 | </FormBlock> | 108 | </FormBlock> | ... | ... |
-
Please register or login to post a comment