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.
47 lines
1.1 KiB
47 lines
1.1 KiB
/* eslint react/prop-types: 0 */
|
|
import React, { Component } 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>
|
|
<div className="mt-3">
|
|
<Paypal btnColor="btn-primary" />
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|
|
}
|
|
export default withTranslation()(Footer);
|