diff --git a/public/banner/en/helloasso.png b/public/banner/en/helloasso.png new file mode 100755 index 0000000..c65ac68 Binary files /dev/null and b/public/banner/en/helloasso.png differ diff --git a/public/banner/fr/helloasso.png b/public/banner/fr/helloasso.png new file mode 100755 index 0000000..8a45f20 Binary files /dev/null and b/public/banner/fr/helloasso.png differ diff --git a/src/components/banner/Helloasso.jsx b/src/components/banner/Helloasso.jsx new file mode 100644 index 0000000..fb0002a --- /dev/null +++ b/src/components/banner/Helloasso.jsx @@ -0,0 +1,17 @@ +import React from 'react'; +import i18n from '../../i18n' + + + +const Helloasso = (props) => { + const locale=i18n.language.substring(0,2).toLowerCase()==="fr"?"fr":"en"; + const linkHelloAssoBanner=(locale==="fr")?"https://www.helloasso.com/associations/mieux-voter/formulaires/1/widget":"https://www.helloasso.com/associations/mieux-voter/formulaires/1/widget/en"; + + return ( + + + ); +}; + + +export default Helloasso; \ No newline at end of file diff --git a/src/components/layouts/Footer.jsx b/src/components/layouts/Footer.jsx index 2c1c165..894011a 100644 --- a/src/components/layouts/Footer.jsx +++ b/src/components/layouts/Footer.jsx @@ -4,23 +4,29 @@ import { Link } from "react-router-dom"; import { FlagIcon } from '../flag' import i18n from '../../i18n' +import Helloasso from "../banner/Helloasso"; class Footer extends Component { constructor(props) { super(props); - this.state = {}; + this.state = { + }; } + + render() { - const buttonStyle = {backgroundColor: "black", padding: "0px", border: "0px"}; + + const buttonStyle = {backgroundColor: "black", padding: "0px", border: "0px",}; + const linkStyle = {whiteSpace: "nowrap"}; const {t} = this.props; return ( ); } diff --git a/src/components/views/VoteSuccess.jsx b/src/components/views/VoteSuccess.jsx index 818f023..f9f3bd9 100644 --- a/src/components/views/VoteSuccess.jsx +++ b/src/components/views/VoteSuccess.jsx @@ -4,6 +4,7 @@ import {withTranslation} from 'react-i18next'; import logoLine from "../../logos/logo-line-white.svg"; import { Link } from "react-router-dom"; import { AppContext } from "../../AppContext"; +import Helloasso from "../banner/Helloasso"; class VoteSuccess extends Component { static contextType = AppContext; @@ -20,6 +21,9 @@ class VoteSuccess extends Component {

{t("Your participation was recorded with success!")}

{t("Thanks for your participation.")}

+
+ +