Merge pull request #73 from mediaopt/feature/36076-apple-pay

#36076 added a button as wrapper to apple-pay-button to simulate oncl…
mediaopt · Apr 16, 2024 · 17317a8 · 17317a8
2 parents 2680982 + 570c3c4
commit 17317a8
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "paypal-commercetools-client",
-  "version": "0.0.99-alpha",
+  "version": "0.1.01-alpha",
   "private": false,
   "type": "module",
   "license": "MIT",

diff --git a/src/components/ApplePay/ApplePayMask.tsx b/src/components/ApplePay/ApplePayMask.tsx
@@ -14,7 +14,6 @@ declare global {
         buttonstyle: string;
         type: string;
         locale: string;
-        onclick: () => void;
       };
     }
   }
@@ -57,19 +56,22 @@ export const ApplePayMask: React.FC<CustomPayPalButtonsComponentProps> = (
     );
   }, [props]);
 
+  const onApplePayButtonClicked = () => {
+    console.log("Apple Pay button clicked");
+  };
+
   return (
     <>
       <div id="applepay-container">
         {isEligible ? (
-          <>
+          <button className="bg-none" onClick={onApplePayButtonClicked}>
             <apple-pay-button
               id="btn-appl"
               buttonstyle="black"
               type="buy"
               locale="en"
-              onclick={() => console.log("Apple Pay button clicked")}
             ></apple-pay-button>
-          </>
+          </button>
         ) : (
           <>{error}</>
         )}