Utilisation des json de messages pour les boutons de langue

This commit is contained in:
Anthony Dumas 2022-06-15 00:44:44 +02:00
parent accaf328c2
commit 115b432771
2 changed files with 58 additions and 52 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,9 @@
import './MenuComponent.scss';
import { FormattedMessage, injectIntl } from 'react-intl';
import React, { Component } from '../../../node_modules/react'; import React, { Component } from '../../../node_modules/react';
import {FormattedMessage} from 'react-intl';
import './MenuComponent.scss'
const URL_add_parameter = function (url, param, value) { const URL_add_parameter = function (url, param, value) {
var hash = {}; var hash = {};
@ -28,7 +31,7 @@ const URL_add_parameter = function(url, param, value){
parser.search = '?' + list.join('&'); parser.search = '?' + list.join('&');
return parser.href; return parser.href;
} }
export default class MenuComponent extends Component { class MenuComponent extends Component {
// constructor(props) { // constructor(props) {
// super(props); // super(props);
// this.state = {}; // this.state = {};
@ -43,6 +46,7 @@ export default class MenuComponent extends Component {
render() { render() {
const buttonsLanguagesMessage = this.props.intl.messages.global.buttons.languages;
return <section id="menu" class="hero is-primary dontPrint is-bold"> return <section id="menu" class="hero is-primary dontPrint is-bold">
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
@ -59,10 +63,10 @@ export default class MenuComponent extends Component {
<div id="langButtons"> <div id="langButtons">
<div class="buttons"> <div class="buttons">
<span class="button is-light" onClick={this.honhonhon}> <span class="button is-light" onClick={this.honhonhon}>
En Français 🇫🇷 {buttonsLanguagesMessage.fr}
</span> </span>
<span class="button is-light" onClick={this.heygovna}> <span class="button is-light" onClick={this.heygovna}>
In English 🇮🇪 {buttonsLanguagesMessage.en}
</span> </span>
</div> </div>
</div> </div>
@ -78,3 +82,5 @@ export default class MenuComponent extends Component {
// ({ MenuComponent }) => ({ ...MenuComponent }), // ({ MenuComponent }) => ({ ...MenuComponent }),
// dispatch => bindActionCreators({ ...MenuComponentActions }, dispatch) // dispatch => bindActionCreators({ ...MenuComponentActions }, dispatch)
// )( MenuComponent ); // )( MenuComponent );
export default injectIntl(MenuComponent)