[CSE-15] Append PayPal and PayLater buttons HTML only after eligibili…

…ty check
bold-commerce · Aug 8, 2024 · 0aba4b8 · 0aba4b8
1 parent e58286a
commit 0aba4b8
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/paypal/ppcp_buttons/ppcpOnLoad.ts b/src/paypal/ppcp_buttons/ppcpOnLoad.ts
@@ -31,8 +31,6 @@ export async function ppcpOnLoad(payment: IExpressPayPaypalCommercePlatformButto
     const paypalDivId = 'ppcp-express-payment';
     paypalDiv.id = paypalDivId;
     paypalDiv.className = `${paypalDivId}`;
-    paypalDiv.appendChild(paypalButtonDiv);
-    paypalDiv.appendChild(payLaterButtonDiv);
     const container = document.getElementById('express-payment-container');
     container?.appendChild(paypalDiv);
 
@@ -61,15 +59,16 @@ export async function ppcpOnLoad(payment: IExpressPayPaypalCommercePlatformButto
 
         if(container) {
             if (paypalButton.isEligible()) {
+                paypalDiv.appendChild(paypalButtonDiv);
                 await paypalButton.render(`#${paypalButtonDivId}`);
                 enableSection = true;
             }
 
             if (payLaterButton.isEligible()) {
+                paypalDiv.appendChild(payLaterButtonDiv);
                 await payLaterButton.render(`#${payLaterButtonDivId}`);
                 enableSection = true;
             }
-
         }
 
         if(enableSection) {