From 604dda85266cd60baf24710929f5348b81147026 Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 5 Sep 2023 10:07:46 -0400
Subject: [PATCH] Bind & compute CTA text

---
 src/layouts/payment-method/payment-method.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index 2cafd9a1d..3d8486234 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -5,7 +5,7 @@
             <funnelHeader cmsWidgetName="FunnelHeaderWidget" />
             <funnelSubHeader class="mb-5" cmsWidgetName="FunnelSubHeaderWidget" leftAlignHeader />
             <hr class="mt-0" />
-            <paymentMethodQuestion v-model="test" />
+            <paymentMethodQuestion v-model="paymentMethod" />
             <div class="fade-on-route-transition sub-container make-tall">
                 <funnel-footer
                     cmsWidgetName="FunnelFooterWidget"
@@ -54,7 +54,7 @@ export default {
     },
     data() {
         return {
-            test: null,
+            paymentMethod: null,
         };
     },
     methods: {
@@ -65,6 +65,20 @@ export default {
         backButtonAction() {},
         forwardButtonAction() {},
     },
+    computed: {
+        customCtaCopy() {
+            switch (this.paymentMethod) {
+                case "CreditCard":
+                    return "Continue to checkout";
+                case "Paypal":
+                    return "Continue to Paypal";
+                case "Afterpay":
+                    return "Continue to Afterpay";
+                default:
+                    return null;
+            }
+        },
+    },
     components: {
         funnelHeader,
         funnelFooter,