sdy

remove unused icon

...@@ -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>
......