diff --git a/client/src/components/Header/Header.test.js b/client/src/components/Header/Header.test.js index b1d09ffd4a..d08b48b5ad 100644 --- a/client/src/components/Header/Header.test.js +++ b/client/src/components/Header/Header.test.js @@ -249,7 +249,7 @@ const hasRadioNavItem = component => { }; const hasSignOutNavItem = component => { - const { children } = navigationLinks(component, 10); + const { children } = navigationLinks(component, 12); const signOutProps = children[1].props; return ( diff --git a/client/src/components/Header/components/NavLinks.js b/client/src/components/Header/components/NavLinks.js index 13777ad3eb..3bc13869de 100644 --- a/client/src/components/Header/components/NavLinks.js +++ b/client/src/components/Header/components/NavLinks.js @@ -4,7 +4,7 @@ import PropTypes from 'prop-types'; import { withTranslation } from 'react-i18next'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { - // faCheck, + faCheck, faCheckSquare, faHeart, faSquare, @@ -17,49 +17,16 @@ import { radioLocation, apiLocation } from '../../../../../config/env.json'; -// import createLanguageRedirect from '../../createLanguageRedirect'; +import createLanguageRedirect from '../../createLanguageRedirect'; import createExternalRedirect from '../../createExternalRedirects'; -/* const { +const { availableLangs, i18nextCodes, langDisplayNames -} = require('../../../../i18n/allLangs'); */ +} = require('../../../../i18n/allLangs'); -// const locales = availableLangs.client; - -// The linter was complaining about inline comments. Add the code below above -// the sign out button when the language menu is ready to be added -/* -
- {t('footer.language')} -
- {locales.map(lang => - // current lang is a button that closes the menu - i18n.language === i18nextCodes[lang] ? ( - - ) : ( - - {langDisplayNames[lang]} - - ) - ) -*/ +const locales = availableLangs.client; const propTypes = { displayMenu: PropTypes.bool, @@ -83,10 +50,10 @@ export class NavLinks extends Component { render() { const { displayMenu, - // i18n, + i18n, fetchState, t, - // toggleDisplayMenu, + toggleDisplayMenu, toggleNightMode, user: { isDonating = false, username, theme } } = this.props; @@ -197,6 +164,35 @@ export class NavLinks extends Component { {t('misc.change-theme')} )} +
+ {t('footer.language')} +
+ {locales.map(lang => + // current lang is a button that closes the menu + i18n.language === i18nextCodes[lang] ? ( + + ) : ( + + {langDisplayNames[lang]} + + ) + )} {username && ( <>