mirror of
https://github.com/betagouv/mon-entreprise
synced 2025-02-09 01:45:03 +00:00
1d69feafd6
Suppression des décorateurs. Problème : Les décorateurs que l'on utilisait correspondait à une ancienne version de la proposal tc39, encore en stage 1 (voir 0). La proposition a complètement évolué, pour ne plus du tout avoir la même forme que précédement. Au lieu de garder la version 'legacy', on choisit de se séparer des décorateur, étant donné que le nouveau use case n'a plus rien à voir, et que l'ancienne version peut être gérée de manière quasi équivalente avec des fonctions et des compose
47 lines
1.1 KiB
JavaScript
47 lines
1.1 KiB
JavaScript
import { compose } from 'ramda'
|
|
import React, { Component } from 'react'
|
|
import emoji from 'react-easy-emoji'
|
|
import { withI18n } from 'react-i18next'
|
|
import { connect } from 'react-redux'
|
|
import { withRouter } from 'react-router'
|
|
|
|
const languageCodeToEmoji = {
|
|
en: '🇬🇧',
|
|
fr: '🇫🇷'
|
|
}
|
|
|
|
export default compose(
|
|
withRouter,
|
|
withI18n(),
|
|
connect(
|
|
null,
|
|
dispatch => ({
|
|
changeLanguage: lang => dispatch({ type: 'SWITCH_LANG', lang })
|
|
})
|
|
)
|
|
)(
|
|
class LangSwitcher extends Component {
|
|
getUnusedLanguageCode = () => {
|
|
let languageCode = this.props.i18n.language
|
|
return !languageCode || languageCode === 'fr' ? 'en' : 'fr'
|
|
}
|
|
|
|
changeLanguage = () => {
|
|
let nextLanguage = this.getUnusedLanguageCode()
|
|
this.props.changeLanguage(nextLanguage)
|
|
this.props.i18n.changeLanguage(nextLanguage)
|
|
this.forceUpdate()
|
|
}
|
|
render() {
|
|
const languageCode = this.getUnusedLanguageCode()
|
|
return (
|
|
<button
|
|
className={this.props.className || 'ui__ link-button'}
|
|
onClick={this.changeLanguage}>
|
|
{emoji(languageCodeToEmoji[languageCode])}{' '}
|
|
{languageCode.toUpperCase()}
|
|
</button>
|
|
)
|
|
}
|
|
}
|
|
)
|