othmane/ohif-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use t prop from withTranslation

Browse Source
This commit is contained in:
Rodrigo Antinarelli 2019-06-05 17:09:54 -03:00
parent 520f07ec23
commit a11fae01dc
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Header/Header.js
View File

@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import { Link, withRouter } from 'react-router-dom'; import { Link, withRouter } from 'react-router-dom';
import { Dropdown } from 'react-viewerbase'; import { Dropdown } from 'react-viewerbase';
import { withTranslation } from 'react-i18next'; import { withTranslation } from 'react-i18next';
import i18n, { t } from 'ohif-i18n'; import i18n from 'ohif-i18n';
import './Header.css'; import './Header.css';
import OHIFLogo from '../OHIFLogo/OHIFLogo.js'; import OHIFLogo from '../OHIFLogo/OHIFLogo.js';
import ConnectedUserPreferencesModal from '../../connectedComponents/ConnectedUserPreferencesModal.js'; import ConnectedUserPreferencesModal from '../../connectedComponents/ConnectedUserPreferencesModal.js';
@ -13,7 +13,8 @@ class Header extends Component {
home: PropTypes.bool.isRequired, home: PropTypes.bool.isRequired,
location: PropTypes.object.isRequired, location: PropTypes.object.isRequired,
openUserPreferencesModal: PropTypes.func, openUserPreferencesModal: PropTypes.func,
children: PropTypes.node children: PropTypes.node,
t: PropTypes.func.isRequired,
}; };
static defaultProps = { static defaultProps = {
@ -32,6 +33,7 @@ class Header extends Component {
} }
loadOptions() { loadOptions() {
const { t } = this.props;
this.options = [ this.options = [
{ {
title: t('preferences'), title: t('preferences'),
@ -49,12 +51,13 @@ class Header extends Component {
changeLanguage(language) { changeLanguage(language) {
i18n.init({ i18n.init({
fallbackLng: language.substring(0, 2), fallbackLng: language.substring(0, 2),
lng: language lng: language,
}); });
this.loadOptions(); this.loadOptions();
} }
render() { render() {
const { t } = this.props;
return ( return (
<div className={`entry-header ${this.props.home ? 'header-big' : ''}`}> <div className={`entry-header ${this.props.home ? 'header-big' : ''}`}>
<div className="header-left-box"> <div className="header-left-box">
@ -108,11 +111,7 @@ class Header extends Component {
> >
ES-MX ES-MX
</button> </button>
<Dropdown <Dropdown title={t('options')} list={this.options} align="right" />
title={t('options')}
list={this.options}
align="right"
/>
<ConnectedUserPreferencesModal /> <ConnectedUserPreferencesModal />
</div> </div>
</div> </div>