Merge pull request #350 from FranciscoOnt/INT-2919

feat(checkout): INT-2919 Display bolt in checkout page
bigcommerce · Jul 29, 2020 · 3dbf91f · 3dbf91f
2 parents 27a8656 + e3b50eb
commit 3dbf91f
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 0 deletions.
diff --git a/src/app/locale/translations/en.json b/src/app/locale/translations/en.json
@@ -161,6 +161,7 @@
             "amazon_name_text": "Amazon Pay",
             "barclaycard_continue_action": "Continue",
             "bluesnap_v2_continue_action": "Continue",
+            "bolt_continue_action": "Continue with Bolt",
             "braintreevisacheckout_continue_action": "Continue with Visa Checkout",
             "ccavenuemars_description_text": "Checkout with CCAvenue",
             "chasepay_continue_action": "Continue with Chase Pay",

diff --git a/src/app/payment/PaymentSubmitButton.spec.tsx b/src/app/payment/PaymentSubmitButton.spec.tsx
@@ -67,6 +67,15 @@ describe('PaymentSubmitButton', () => {
             .toEqual(languageService.translate('payment.amazon_continue_action'));
     });
 
+    it('renders button with special label for Bolt', () => {
+        const component = mount(
+            <PaymentSubmitButtonTest methodId="bolt" />
+        );
+
+        expect(component.text())
+            .toEqual(languageService.translate('payment.bolt_continue_action'));
+    });
+
     it('renders button with special label for Barclaycard', () => {
         const component = mount(
             <PaymentSubmitButtonTest methodGateway="barclaycard" />

diff --git a/src/app/payment/PaymentSubmitButton.tsx b/src/app/payment/PaymentSubmitButton.tsx
@@ -17,6 +17,10 @@ const PaymentSubmitButtonText: FunctionComponent<PaymentSubmitButtonTextProps> =
         return <TranslatedString id="payment.amazon_continue_action" />;
     }
 
+    if (methodId === PaymentMethodId.Bolt) {
+        return <TranslatedString id="payment.bolt_continue_action" />;
+    }
+
     if (methodGateway === PaymentMethodId.Barclaycard) {
         return <TranslatedString id="payment.barclaycard_continue_action" />;
     }

diff --git a/src/app/payment/paymentMethod/PaymentMethod.tsx b/src/app/payment/paymentMethod/PaymentMethod.tsx
@@ -134,6 +134,7 @@ const PaymentMethodComponent: FunctionComponent<PaymentMethodProps & WithCheckou
     }
 
     if (method.gateway === PaymentMethodId.Afterpay ||
+        method.id === PaymentMethodId.Bolt ||
         method.id === PaymentMethodId.Laybuy ||
         method.id === PaymentMethodId.Sezzle ||
         method.id === PaymentMethodId.Zip ||

diff --git a/src/app/payment/paymentMethod/PaymentMethodId.ts b/src/app/payment/paymentMethod/PaymentMethodId.ts
@@ -8,6 +8,7 @@ enum PaymentMethodId {
     AmazonPay = 'amazonpay',
     Barclaycard = 'barclaycard',
     BlueSnapV2 = 'bluesnapv2',
+    Bolt = 'bolt',
     Braintree = 'braintree',
     AuthorizeNetGooglePay = 'googlepayauthorizenet',
     BraintreeGooglePay = 'googlepaybraintree',