3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-11 08:07:26 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix header nav display for current language (#550)

Browse source 
Even if we were on Spanish pages, it still showed English in the Header nav.
This makes it so that the Header nav shows the currently selected language.
This commit is contained in:
Joel Marcey 2018-04-12 08:45:02 -07:00 • committed by GitHub
parent 1c94060447
commit 0e3f3e3013
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
lib/core/nav/HeaderNav.js
View file

@ -24,7 +24,6 @@ const Metadata = require('../metadata.js');
// language dropdown nav item for when translations are enabled // language dropdown nav item for when translations are enabled
class LanguageDropDown extends React.Component { class LanguageDropDown extends React.Component {
render() { render() {
let currentLanguage = 'English';
setLanguage(this.props.language || 'en'); setLanguage(this.props.language || 'en');
let helpTranslateString = translate( let helpTranslateString = translate(
'Help Translate|recruit community translators for your project' 'Help Translate|recruit community translators for your project'
@ -32,7 +31,7 @@ class LanguageDropDown extends React.Component {
// add all enabled languages to dropdown // add all enabled languages to dropdown
const enabledLanguages = env.translation const enabledLanguages = env.translation
.enabledLanguages() .enabledLanguages()
.filter(lang => lang !== this.props.language) .filter(lang => lang.tag !== this.props.language)
.map(lang => ( .map(lang => (
<li key={lang.tag}> <li key={lang.tag}>
<a href={siteConfig.baseUrl + lang.tag}>{lang.name}</a> <a href={siteConfig.baseUrl + lang.tag}>{lang.name}</a>
@ -42,6 +41,13 @@ class LanguageDropDown extends React.Component {
if (enabledLanguages.length < 1) { if (enabledLanguages.length < 1) {
return null; return null;
} }
// Get the current language full name for display in the header nav
const currentLanguage = env.translation
.enabledLanguages()
.filter(lang => lang.tag === this.props.language)
.map(lang => lang.name);
// add Crowdin project recruiting link // add Crowdin project recruiting link
if (siteConfig.translationRecruitingLink) { if (siteConfig.translationRecruitingLink) {
enabledLanguages.push( enabledLanguages.push(