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.
mvfront-react/src/components/layouts/Footer.jsx

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);