Merge pull request #2151 from Aryan1982/develop

navbar title fixed #2150

Author: raclim

client/components/Nav.jsx

@@ -278,6 +278,7 @@ class Nav extends React.PureComponent {
             onClick={this.toggleDropdownForFile}
             onBlur={this.handleBlur}
             onFocus={this.clearHideTimeout}
+            title="File"
             onMouseOver={() => {
               if (this.state.dropdownOpen !== 'none') {
                 this.setDropdown('file');
@@ -396,6 +397,7 @@ class Nav extends React.PureComponent {
             onClick={this.toggleDropdownForEdit}
             onBlur={this.handleBlur}
             onFocus={this.clearHideTimeout}
+            title="Edit"
             onMouseOver={() => {
               if (this.state.dropdownOpen !== 'none') {
                 this.setDropdown('edit');
@@ -454,6 +456,7 @@ class Nav extends React.PureComponent {
             onClick={this.toggleDropdownForSketch}
             onBlur={this.handleBlur}
             onFocus={this.clearHideTimeout}
+            title="Sketch"
             onMouseOver={() => {
               if (this.state.dropdownOpen !== 'none') {
                 this.setDropdown('sketch');
@@ -539,6 +542,7 @@ class Nav extends React.PureComponent {
             onClick={this.toggleDropdownForHelp}
             onBlur={this.handleBlur}
             onFocus={this.clearHideTimeout}
+            title="Help"
             onMouseOver={() => {
               if (this.state.dropdownOpen !== 'none') {
                 this.setDropdown('help');
@@ -600,6 +604,7 @@ class Nav extends React.PureComponent {
             onClick={this.toggleDropdownForLang}
             onBlur={this.handleBlur}
             onFocus={this.clearHideTimeout}
+            title="Language"
             onMouseOver={() => {
               if (this.state.dropdownOpen !== 'none') {
                 this.setDropdown('lang');
@@ -760,15 +765,15 @@ class Nav extends React.PureComponent {
           this.renderLanguageMenu(navDropdownState)}
         <li className="nav__item">
           <Link to="/login" className="nav__auth-button">
-            <span className="nav__item-header">
+            <span className="nav__item-header" title="Login">
               {this.props.t('Nav.Login')}
             </span>
           </Link>
         </li>
         <span className="nav__item-or">{this.props.t('Nav.LoginOr')}</span>
         <li className="nav__item">
           <Link to="/signup" className="nav__auth-button">
-            <span className="nav__item-header">
+            <span className="nav__item-header" title="SignUp">
               {this.props.t('Nav.SignUp')}
             </span>
           </Link>

client/components/__snapshots__/Nav.unit.test.jsx.snap

@@ -22,7 +22,9 @@ exports[`Nav renders correctly 1`] = `
         <li
           class="nav__item"
         >
-          <button>
+          <button
+            title="File"
+          >
             <span
               class="nav__item-header"
             />
@@ -65,7 +67,9 @@ exports[`Nav renders correctly 1`] = `
         <li
           class="nav__item"
         >
-          <button>
+          <button
+            title="Edit"
+          >
             <span
               class="nav__item-header"
             />
@@ -116,7 +120,9 @@ exports[`Nav renders correctly 1`] = `
         <li
           class="nav__item"
         >
-          <button>
+          <button
+            title="Sketch"
+          >
             <span
               class="nav__item-header"
             />
@@ -166,7 +172,9 @@ exports[`Nav renders correctly 1`] = `
         <li
           class="nav__item"
         >
-          <button>
+          <button
+            title="Help"
+          >
             <span
               class="nav__item-header"
             />