From 38c32e4e3c61415c888579b8dd3728f0f67e79d7 Mon Sep 17 00:00:00 2001
From: Clement G <clement@garrot.org>
Date: Sun, 19 Apr 2020 13:21:11 +0200
Subject: [PATCH] feat(paypal): add color property (with class bootstrap) #31

---
 src/components/banner/Paypal.jsx     | 2 +-
 src/components/layouts/Footer.jsx    | 2 +-
 src/components/views/VoteSuccess.jsx | 3 ++-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/banner/Paypal.jsx b/src/components/banner/Paypal.jsx
index 77186c9..38b9945 100644
--- a/src/components/banner/Paypal.jsx
+++ b/src/components/banner/Paypal.jsx
@@ -18,7 +18,7 @@ const Paypal = (props) => {
     return (
         <div className="d-inline-block m-auto">
         <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
-            <button type="submit" className="btn btn-primary"  title={t("PayPal - The safer, easier way to pay online!")}  > <FontAwesomeIcon icon={faPaypal} className="mr-2" />{t("Support us !")}</button>
+            <button type="submit" className={"btn "+props.btnColor}  title={t("PayPal - The safer, easier way to pay online!")}  > <FontAwesomeIcon icon={faPaypal} className="mr-2" />{t("Support us !")}</button>
             <input type="hidden" name="cmd" value="_s-xclick" />
             <input type="hidden" name="hosted_button_id" value="KB2Z7L9KARS7C" />
             <img alt="" border="0" src={pixelLink} width="1" height="1" />
diff --git a/src/components/layouts/Footer.jsx b/src/components/layouts/Footer.jsx
index 671e2c3..0cdfa2f 100644
--- a/src/components/layouts/Footer.jsx
+++ b/src/components/layouts/Footer.jsx
@@ -24,7 +24,7 @@ class Footer extends Component {
         <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 />
+              <Paypal btnColor="btn-primary"/>
           </div>
       </footer>
     );
diff --git a/src/components/views/VoteSuccess.jsx b/src/components/views/VoteSuccess.jsx
index f9f3bd9..857539d 100644
--- a/src/components/views/VoteSuccess.jsx
+++ b/src/components/views/VoteSuccess.jsx
@@ -5,6 +5,7 @@ import logoLine from "../../logos/logo-line-white.svg";
 import { Link } from "react-router-dom";
 import { AppContext } from "../../AppContext";
 import Helloasso from "../banner/Helloasso";
+import Paypal from "../banner/Paypal";
 
 class VoteSuccess extends Component {
   static contextType = AppContext;
@@ -22,7 +23,7 @@ class VoteSuccess extends Component {
             <h2>{t("Your participation was recorded with success!")}</h2>
             <p>{t("Thanks for your participation.")}</p>
               <div className="mt-3">
-                  <Helloasso width="60%" className="m-auto d-block" />
+                  <Paypal btnColor="btn-success"/>
               </div>
           </Col>
         </Row>