Showing
1 changed file
with
8 additions
and
9 deletions
... | @@ -5,7 +5,6 @@ import { | ... | @@ -5,7 +5,6 @@ import { |
5 | faHome, | 5 | faHome, |
6 | faComment, | 6 | faComment, |
7 | faCog, | 7 | faCog, |
8 | - faSignOutAlt, | ||
9 | faQuestionCircle, | 8 | faQuestionCircle, |
10 | faTags, | 9 | faTags, |
11 | } from "@fortawesome/free-solid-svg-icons"; | 10 | } from "@fortawesome/free-solid-svg-icons"; |
... | @@ -134,16 +133,17 @@ const StyledLink = styled(Link)` | ... | @@ -134,16 +133,17 @@ const StyledLink = styled(Link)` |
134 | justify-content: center; | 133 | justify-content: center; |
135 | opacity: 0.8; | 134 | opacity: 0.8; |
136 | font-size: 20px; | 135 | font-size: 20px; |
137 | - } | 136 | + cursor: pointer; |
138 | - svg.SignOut { | 137 | + transition: 0.5s; |
139 | - font-size: 20px; | 138 | + &:hover { |
140 | - position: absolute; | 139 | + color: #667aff; |
141 | - left: 50px; | 140 | + background-color: white; |
142 | - opacity: 3; | 141 | + } |
143 | } | 142 | } |
144 | `; | 143 | `; |
145 | 144 | ||
146 | export default ({ logOut }) => { | 145 | export default ({ logOut }) => { |
146 | + console.log(logOut); | ||
147 | return ( | 147 | return ( |
148 | <MenuBar> | 148 | <MenuBar> |
149 | <TitleBox> | 149 | <TitleBox> |
... | @@ -182,8 +182,7 @@ export default ({ logOut }) => { | ... | @@ -182,8 +182,7 @@ export default ({ logOut }) => { |
182 | </StyledLink> | 182 | </StyledLink> |
183 | </FuncIconBox> | 183 | </FuncIconBox> |
184 | <StyledLink to="/" className="LogOutLink"> | 184 | <StyledLink to="/" className="LogOutLink"> |
185 | - <FontAwesomeIcon icon={faSignOutAlt} className="SignOut" /> | 185 | + <Button text="Log Out" onClick={logOut}></Button> |
186 | - <Button text={"Log Out"} onClick={logOut}></Button> | ||
187 | </StyledLink> | 186 | </StyledLink> |
188 | </Router> | 187 | </Router> |
189 | </MenuBar> | 188 | </MenuBar> | ... | ... |
-
Please register or login to post a comment