Utilisation des json de messages pour les boutons de langue

src/components/MenuComponent/MenuComponent.js

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