diff --git a/react/Header/UserAccountMenu/UserAccountMenu.js b/react/Header/UserAccountMenu/UserAccountMenu.js index 64d6e3c6..1cd02925 100644 --- a/react/Header/UserAccountMenu/UserAccountMenu.js +++ b/react/Header/UserAccountMenu/UserAccountMenu.js @@ -2,7 +2,7 @@ import styles from './UserAccountMenu.less'; -import React from 'react'; +import React, { Fragment } from 'react'; import classnames from 'classnames'; import ArticleIcon from '../../ArticleIcon/ArticleIcon'; @@ -253,22 +253,38 @@ export default ({ ); case AUTHENTICATED: - return linkRenderer({ - 'data-analytics': 'header:sign-out', - className: styles.item, - onClick: clearLocalStorage, - href: returnUrl - ? appendReturnUrl('/login/LogoutWithReturnUrl', returnUrl) - : '/Login/Logout', - children: [ - 'Sign Out', - - ] - }); + return ( + +
  • + {linkRenderer({ + 'data-analytics': 'header:settings', + className: styles.item, + href: '/settings/', + children: [ + SETTINGS, +
    + ] + })} +
  • + {linkRenderer({ + 'data-analytics': 'header:sign-out', + className: styles.item, + onClick: clearLocalStorage, + href: returnUrl + ? appendReturnUrl('/login/LogoutWithReturnUrl', returnUrl) + : '/Login/Logout', + children: [ + 'Sign Out', +
    + ] + })} + + ); + default: return ( diff --git a/react/Header/__snapshots__/Header.test.js.snap b/react/Header/__snapshots__/Header.test.js.snap index 392127f6..1c44e851 100644 --- a/react/Header/__snapshots__/Header.test.js.snap +++ b/react/Header/__snapshots__/Header.test.js.snap @@ -850,18 +850,31 @@ exports[`Header: should render first part of email address when username isn't p
  • +
  • - Sign Out -
  • + + Sign Out +
    +
  • @@ -1983,18 +1996,31 @@ exports[`Header: should render when authenticated 1`] = `
  • +
  • - Sign Out -
  • + + Sign Out +
    +
  • @@ -2548,18 +2574,31 @@ exports[`Header: should render when authenticated but username and email is not
  • +
  • - Sign Out -
  • + + Sign Out +