feat(paypal): add color property (with class bootstrap) #31

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" />

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

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>