fix(GooglePayButton): to pass buttonRadius to the createButton …

…function when the value is 0
Adyen · Dec 24, 2024 · b84b6a8 · b84b6a8
1 parent a650b9e
commit b84b6a8
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/.changeset/empty-files-cough.md b/.changeset/empty-files-cough.md
@@ -0,0 +1,5 @@
+---
+'@adyen/adyen-web': patch
+---
+
+Resolve the issue where `GooglePayButton` fails to pass `buttonRadius` to the `createButton` function when the value is 0.
diff --git a/packages/lib/src/components/GooglePay/components/GooglePayButton.tsx b/packages/lib/src/components/GooglePay/components/GooglePayButton.tsx
@@ -28,7 +28,7 @@ const GooglePayButton = (props: GooglePayButtonProps) => {
                     buttonLocale,
                     buttonSizeMode,
                     buttonRootNode,
-                    ...(buttonRadius && { buttonRadius })
+                    ...(buttonRadius !== undefined && { buttonRadius })
                 })
             )
             .then(googlePayButton => {

diff --git a/packages/lib/storybook/stories/wallets/GooglePayExpress.stories.tsx b/packages/lib/storybook/stories/wallets/GooglePayExpress.stories.tsx
@@ -251,7 +251,13 @@ export const Express: GooglePayStory = {
             },
 
             // Shipping Options config
-            shippingOptionRequired: true
+            shippingOptionRequired: true,
+
+            // Button UI config
+            buttonColor: 'black',
+            buttonType: 'buy',
+            buttonSizeMode: 'fill',
+            buttonRadius: 0
         }
     }
 };