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.
45 lines
1.3 KiB
45 lines
1.3 KiB
import React, { Component, Fragment } from "react";
|
|
import {withTranslation} from 'react-i18next';
|
|
import { Link } from "react-router-dom";
|
|
import Paypal from "../banner/Paypal";
|
|
|
|
class Footer extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
};
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
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>
|
|
{
|
|
countries.map(({l, flag}, i) => (
|
|
<Fragment key={i} >
|
|
<button style={buttonStyle} onClick={() => i18n.changeLanguage(l)}>
|
|
<FlagIcon code={flag} />
|
|
</button>
|
|
{" "}
|
|
</Fragment>
|
|
))
|
|
}
|
|
<div className="mt-3">
|
|
<Paypal btnColor="btn-primary"/>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|
|
}
|
|
export default withTranslation()(Footer);
|