added prettier, amount update in stripe element

Plant-for-the-Planet-org · Dec 13, 2021 · 3c64693 · 3c64693
1 parent d26ff29
commit 3c64693
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/.prettierrc.js b/.prettierrc.js
@@ -0,0 +1,3 @@
+module.exports = {
+  bracketSpacing: true,
+};
diff --git a/src/Donations/PaymentMethods/PaymentRequestCustomButton.tsx b/src/Donations/PaymentMethods/PaymentRequestCustomButton.tsx
@@ -55,13 +55,13 @@ export const PaymentRequestCustomButton = ({
         requestPayerEmail: true,
       });
       // Check the availability of the Payment Request API.
-      pr.canMakePayment().then(result => {
+      pr.canMakePayment().then((result) => {
         if (result) {
           setPaymentRequest(pr);
         }
       });
     }
-  }, [stripe, paymentRequest]);
+  }, [stripe, paymentRequest, country, currency, amount]);
 
   useEffect(() => {
     if (stripe && paymentRequest) {
@@ -116,7 +116,6 @@ export const PaymentRequestCustomButton = ({
     };
   }, [paymentRequest, onPaymentFunction]);
 
-
   return ready ? (
     <div
       className="d-flex column"
@@ -158,10 +157,9 @@ export const PaymentRequestCustomButton = ({
         ) : paymentRequest._canMakePaymentAvailability.GOOGLE_PAY ? (
           <div className="w-100">
             <button
-              onClick={() =>{
-                paymentRequest.show()
-              }
-              }
+              onClick={() => {
+                paymentRequest.show();
+              }}
               className={`${
                 isPaymentPage
                   ? "donate-small"