--- a/client/src/components/Navbar.js Tue Nov 06 16:19:26 2018 +0100
+++ b/client/src/components/Navbar.js Thu Nov 08 16:03:28 2018 +0100
@@ -5,6 +5,8 @@
import { connect } from 'react-redux';
import { withRouter } from 'react-router';
import { bindActionCreators } from 'redux';
+import { withNamespaces, Trans } from 'react-i18next';
+
// import logo from './logo.svg';
import Modal from 'react-modal';
import * as authActions from '../actions/authActions';
@@ -60,8 +62,7 @@
const OffLineMessage = ({isAuthenticated}) => {
if (!isAuthenticated) {
return (
- <span className="sticky-top text-warning text-right float-right mr-4 offline-message">Vous êtes en mode Offline. N'oubliez pas de
- vous connecter ou de créer un compte pour sauvegarder vos sessions</span>
+ <span className="sticky-top text-warning text-right float-right mr-4 offline-message"><Trans i18nKey="navbar.offline_message"></Trans></span>
);
}
return (
@@ -146,6 +147,7 @@
}
render() {
+ const t = this.props.t;
return (
<div>
<nav className="navbar navbar-expand-lg navbar-light bg-primary sticky-top">
@@ -162,7 +164,7 @@
<div className="collapse navbar-collapse text-center" id="navbarSupportedContent">
<ul className="navbar-nav mr-auto">
<li className="nav-item text-secondary">
- <a className="nav-link " onClick={this.onClickSessions} href="/sessions">Sessions</a>
+ <a className="nav-link text-capitalize" onClick={this.onClickSessions} href="/sessions">{t('common.session', {count: 2})}</a>
{/* <CreateSession
history={this.props.history}
group={this.props.currentGroup}
@@ -197,12 +199,12 @@
<span id="logout-close-modal-button" className="material-icons p-0 text-right" onClick={ this.handleModalCloseRequest }>close</span>
<div className="modal-body text-center">
<span className="material-icons modal-warning text-info pb-5">warning</span>
- <p className="modal-text">
+ <p className="modal-text"><Trans i18nKey="navbar.logout_modal">
Certaines sessions n'ont pas encore été sauvegardées.
<br />
Si vous continuez, elles seront perdues.
- </p>
- <button type="button" className="btn btn-danger text-secondary font-weight-bold py-1 px-2 mb-3" id="logout-modal-button" onClick={ this.confirmLogout }>Confirmer</button>
+ </Trans></p>
+ <button type="button" className="btn btn-danger text-secondary font-weight-bold py-1 px-2 mb-3 text-capitalize" id="logout-modal-button" onClick={ this.confirmLogout }>{t('common.confirm')}</button>
</div>
</div>
</Modal>
@@ -239,4 +241,4 @@
}
}
-export default connect(mapStateToProps, mapDispatchToProps)(withRouter(AppNavbar));
+export default withNamespaces()(connect(mapStateToProps, mapDispatchToProps)(withRouter(AppNavbar)));