You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.5 KiB
50 lines
1.5 KiB
import React, { Component } from "react";
|
|
import {withTranslation} from 'react-i18next';
|
|
import { Link } from "react-router-dom";
|
|
|
|
import { FlagIcon } from '../flag'
|
|
import i18n from '../../i18n'
|
|
import Paypal from "../banner/Paypal";
|
|
|
|
class Footer extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
};
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
const buttonStyle = {backgroundColor: "black", padding: "0px", border: "0px",};
|
|
const linkStyle = {whiteSpace: "nowrap"};
|
|
const {t} = this.props;
|
|
return (
|
|
<footer className="text-center">
|
|
<Link to="/" style={linkStyle}>{t("Homepage")}</Link>
|
|
<span className="m-2">-</span>
|
|
<a href="https://github.com/MieuxVoter" target="_blank" rel="noopener noreferrer" style={linkStyle}>{t("Source code")}</a>
|
|
<span className="m-2">-</span>
|
|
<a href="https://mieuxvoter.fr/" target="_blank" rel="noopener noreferrer" style={linkStyle} >{t("Who are we")}</a>
|
|
<span className="m-2">-</span>
|
|
<button style={buttonStyle} onClick={() => i18n.changeLanguage('en')}>
|
|
<FlagIcon code={"gb"} />
|
|
</button>
|
|
{" "}
|
|
<button style={buttonStyle} onClick={() => i18n.changeLanguage('fr')}>
|
|
<FlagIcon code={"fr"} />
|
|
</button>
|
|
{" "}
|
|
<button style={buttonStyle} onClick={() => i18n.changeLanguage('es')}>
|
|
<FlagIcon code={"es"} />
|
|
</button>
|
|
<div className="mt-3">
|
|
<Paypal />
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|
|
}
|
|
export default withTranslation()(Footer);
|