From 0aba4b82ff51c946d3cb5b51f49d7c043589dd24 Mon Sep 17 00:00:00 2001
From: "Allan M. Fernandes" <allan.fernandes@boldcommerce.com>
Date: Wed, 7 Aug 2024 23:21:26 -0300
Subject: [PATCH] [CSE-15] Append PayPal and PayLater buttons HTML only after
 eligibility check

---
 src/paypal/ppcp_buttons/ppcpOnLoad.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/paypal/ppcp_buttons/ppcpOnLoad.ts b/src/paypal/ppcp_buttons/ppcpOnLoad.ts
index b949b93..cc8bf08 100644
--- 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) {