Merge pull request #52 from back4app/fix-menu-links-2

Fix menu links

Author: rsouzas

src/components/back4App/Header/Header.react.js

@@ -17,11 +17,11 @@ export default class Header extends React.Component {
     this.state = {
       username: null
     };
-  } 
+  }
   componentWillMount() {
     /*
       - This resource should be implemented following parse-dashboard community standards (using flux).
-      But it was actualy not possible to use the subscribeTo decorator in the Header component 
+      But it was actualy not possible to use the subscribeTo decorator in the Header component
       before the App was injected in the router. This is a simple temporary solution.
     */
     fetch('https://dashboard.back4app.com/me', {
@@ -66,11 +66,11 @@ export default class Header extends React.Component {
               }} />
             </div>
           </Media>
-          <a className={styles['logo-face']} href="http://www.back4app.com/">
+          <a className={styles['logo-face']} href="https://dashboard.back4app.com/apps/#!/admin">
             <Icon width={46} height={47} name='back4app-logo-face-blue' fill='#208AEC' />
           </a>
           <Media query="(min-width: 680px)">
-            <a className={styles['logo-text']} href="http://www.back4app.com/">
+            <a className={styles['logo-text']} href="https://dashboard.back4app.com/apps/#!/admin">
               <Icon width={134} height={53} name='back4app-logo-text-blue' fill='#208AEC' />
             </a>
           </Media>

src/components/back4App/Header/headerNavData.js

@@ -9,7 +9,8 @@ const headerNavData = {
   dropdownItems: [
     {label: 'Account Keys', url:'https://dashboard.back4app.com/classic#/wizard/account-key'},
     {label: 'Edit Email', url:'https://dashboard.back4app.com/email/change'},
-    {label: 'Edit Password', url:'https://dashboard.back4app.com/password/change'}
+    {label: 'Edit Password', url:'https://dashboard.back4app.com/password/change'},
+    {label: 'Sign Out', url:'https://dashboard.back4app.com/logout'}
   ]
 }
 
@@ -18,4 +19,4 @@ headerNavData.sidebarItems = [
   ...headerNavData.dropdownItems,
 ]
 
-export default headerNavData;
+export default headerNavData;

src/components/back4App/Sidebar/Sidebar.react.js

@@ -11,7 +11,7 @@ import navData from 'components/back4App/Header/headerNavData.js';
 const _renderHeaderMenuItems = items => items.map(({label, pathname, url}, index) => (
   <div key={index} className={styles['menu-item']}>
     <div className={`${styles['menu-item-header']} ${index === 1 && styles.active}`} role="tab">
-      <a className={styles.link} href={pathname || url} title="Edit email">
+      <a className={styles.link} href={pathname || url} title={label}>
         <i className={`${styles['icon-circle']} zmdi zmdi-circle`}></i>
         {label}
       </a>
@@ -55,7 +55,7 @@ let sidebarContent = (
   </div>
 );
 
-class Sidebar extends Component { 
+class Sidebar extends Component {
   constructor(props) {
     super(props);
 
@@ -82,13 +82,13 @@ class Sidebar extends Component {
       this.getStateByScreenSize()
     });
   }
-  
+
   componentWillReceiveProps(nextProps) {
     this.setState({
       isOpen: nextProps.isOpen
     });
   }
-   
+
   render() {
     let { isOpen } = this.state;
     let { sidebarToggle } = this.props;
@@ -106,4 +106,4 @@ class Sidebar extends Component {
   }
 }
 
-export default Sidebar;
+export default Sidebar;