77 lines
2.1 KiB
JavaScript

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 = {};
var parser = document.createElement('a');
parser.href = url;
var parameters = parser.search.split(/\?|&/);
for(var i=0; i < parameters.length; i++) {
if(!parameters[i])
continue;
var ary = parameters[i].split('=');
hash[ary[0]] = ary[1];
}
hash[param] = value;
var list = [];
Object.keys(hash).forEach(function (key) {
list.push(key + '=' + hash[key]);
});
parser.search = '?' + list.join('&');
return parser.href;
}
export default class MenuComponent extends Component {
// constructor(props) {
// super(props);
// this.state = {};
// }
honhonhon() {
window.location.href=URL_add_parameter(window.location.href, "lang", "fr");
}
heygovna() {
window.location.href=URL_add_parameter(window.location.href, "lang", "en");
}
render() {
return <section id="menu" class="hero is-primary dontPrint is-bold">
<div class="hero-body">
<div id="langButtons">
<div>
<div class="buttons">
<a class="button is-light" onClick={this.honhonhon}>
🇫🇷
</a>
<a class="button is-light" onClick={this.heygovna}>
🇮🇪
</a>
</div>
</div>
</div>
<div class="container">
<h1 class="title">
<FormattedMessage id="title"/>
</h1>
<h2 class="subtitle">
<FormattedMessage id="subtitle"/>
</h2>
</div>
</div>
</section>;
}
}
// export default connect(
// ({ MenuComponent }) => ({ ...MenuComponent }),
// dispatch => bindActionCreators({ ...MenuComponentActions }, dispatch)
// )( MenuComponent );