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