feat(Paypal): revert change local system (wip) #31

i18n.config.js

@@ -30,7 +30,7 @@ module.exports = {
         // Check out https://github.com/acornjs/acorn/tree/master/acorn#interface for additional options
       }
     },
-    lngs: ["en_GB", "fr_FR", "es_ES"],
+    lngs: ["en", "fr", "es"],
     ns: ["resource", "common"],
     defaultLng: "en",
     defaultNs: "resource",

src/components/banner/Paypal.jsx

@@ -4,17 +4,23 @@ import i18n from '../../i18n'
 
 
 const Paypal = (props) => {
-    const localeStringShort=i18n.language.substring(0,2);
+    let localeStringShort=i18n.language.substring(0,2);
-    const localeStringComplete=localeStringShort.toLowerCase()+"_"+localeStringShort.toUpperCase();
+    let localeStringComplete=localeStringShort.toLowerCase()+"_"+localeStringShort.toUpperCase();
+    if(localeStringComplete==="en_EN"){
+        localeStringComplete="en_US";
+        localeStringShort="FR";
+    }
     const imageLink="https://www.paypalobjects.com/"+localeStringComplete+"/"+localeStringShort.toUpperCase()+"/i/btn/btn_donateCC_LG.gif";
     const pixelLink="https://www.paypal.com/"+localeStringComplete+"/i/scr/pixel.gif";
+
     return (
+        <div style={{backgroundColor:'#fff'}} className="d-inline-block m-auto p-2 rounded">
         <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
             <input type="hidden" name="cmd" value="_s-xclick" />
             <input type="hidden" name="hosted_button_id" value="KB2Z7L9KARS7C" />
             <input type="image" src={imageLink} style={{border:"none"}} name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
             <img alt="" border="0" src={pixelLink} width="1" height="1" />
-        </form>);
+        </form></div>);
 };
 
 

src/components/layouts/Footer.jsx

@@ -4,7 +4,6 @@ import { Link } from "react-router-dom";
 
 import { FlagIcon } from '../flag'
 import i18n from '../../i18n'
-import Helloasso from "../banner/Helloasso";
 import Paypal from "../banner/Paypal";
 
 class Footer extends Component {
@@ -29,19 +28,18 @@ 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>
         <span className="m-2">-</span>
-	<button style={buttonStyle} onClick={() => i18n.changeLanguage('en_EN')}>
+	<button style={buttonStyle} onClick={() => i18n.changeLanguage('en')}>
 	  <FlagIcon code={"gb"}  />
 	</button>
 		{" "}
-	<button style={buttonStyle} onClick={() => i18n.changeLanguage('fr_FR')}>
+	<button style={buttonStyle} onClick={() => i18n.changeLanguage('fr')}>
 	  <FlagIcon code={"fr"}  />
 	</button>
 		{" "}
-	<button style={buttonStyle} onClick={() => i18n.changeLanguage('es_ES')}>
+	<button style={buttonStyle} onClick={() => i18n.changeLanguage('es')}>
 	  <FlagIcon code={"es"}  />
 	</button>
           <div className="mt-3">
-              <Helloasso width="150px" />
               <Paypal />
           </div>
       </footer>

src/i18n.jsx

@@ -3,13 +3,13 @@ import XHR from 'i18next-xhr-backend';
 import LanguageDetector from 'i18next-browser-languagedetector';
 import { initReactI18next } from 'react-i18next';
 
-console.log("locale="+navigator.language);
+
 i18n
   .use(XHR)
   .use(LanguageDetector)
   .use(initReactI18next) // bind react-i18next to the instance
   .init({
-    fallbackLng: 'en_GB',
+    fallbackLng: 'en',
     debug: true,
     saveMissing: true, // send not translated keys to endpoint