Fix user options that were not being showed on navigation bar

#134
boacausa · Mar 27, 2020 · b064e86 · b064e86
1 parent e703ed8
commit b064e86
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/app/javascript/components/Navigation/Navigation.jsx b/app/javascript/components/Navigation/Navigation.jsx
@@ -4,6 +4,8 @@ import UserMenu from "./UserMenu/UserMenu";
 import OutsideComponentHandler from "../OutsideComponentHandler";
 import HamburgerButton from "./SideNavigation/HamburgerButton/HamburgerButton";
 import NavigationLinks from "./NavigationLinks/NavigationLinks";
+import userNoPictureImage from './../../images/user_no_picture.svg';
+import moreButtonImage from './../../images/more.svg';
 
 class Navigation extends React.Component {
     state = {
@@ -28,9 +30,9 @@ class Navigation extends React.Component {
 
     userButtons = () => {
         return <div className={styles.userProperties}>
-            <span className={styles.userPicture} />
+            <img src={userNoPictureImage} alt="Foto do usuário" className={styles.userPicture} />
             <button className={styles.moreButton} onClick={() => this.toggleMoreButtonHandler()}>
-                <i className={styles.moreIcon} aria-hidden="true" />
+                <img src={moreButtonImage} alt="More button" className={styles.moreIcon} />
             </button>
             {this.state.userMenuActive && this.userMenu()}
         </div>;

diff --git a/app/javascript/components/Navigation/Navigation.sass b/app/javascript/components/Navigation/Navigation.sass
@@ -74,7 +74,6 @@
     display: flex
 
   .userPicture
-    background: url(../../images/user_no_picture.svg) no-repeat
     width: 40px
     height: 40px
     position: absolute
@@ -83,7 +82,7 @@
 
   .moreButton
     position: absolute
-    top: 12px
+    top: 8px
     width: 10px
     height: 40px
     right: 10px
@@ -95,7 +94,6 @@
     outline: none
 
   .moreIcon
-    background: url(../../images/more.svg) no-repeat
     width: 4px
     height: 16px
     display: inline-block