From 06f234056999186ffa47b2516797695c0f070323 Mon Sep 17 00:00:00 2001
From: Jai A <jaiagr+gpg@pm.me>
Date: Sat, 17 Aug 2024 18:10:18 -0700
Subject: [PATCH] [hotfix] fix stripe elements not working

---
 apps/frontend/src/pages/settings/billing/index.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/src/pages/settings/billing/index.vue b/apps/frontend/src/pages/settings/billing/index.vue
index 565483a6f..1dfd41360 100644
--- a/apps/frontend/src/pages/settings/billing/index.vue
+++ b/apps/frontend/src/pages/settings/billing/index.vue
@@ -186,7 +186,7 @@
     />
     <NewModal ref="addPaymentMethodModal">
       <template #title>
-        <span class="text-lg font-extrabold text-contrast">
+        <span class="text-contrast text-lg font-extrabold">
           {{ formatMessage(messages.paymentMethodTitle) }}
         </span>
       </template>
@@ -242,7 +242,7 @@
           <PayPalIcon v-else-if="method.type === 'paypal'" class="h-8 w-8" />
           <div class="flex flex-col">
             <div class="flex items-center gap-2">
-              <div class="font-bold text-contrast">
+              <div class="text-contrast font-bold">
                 <template v-if="method.type === 'card'">
                   {{
                     formatMessage(messages.paymentMethodCardDisplay, {
@@ -460,7 +460,7 @@ let elements = null;
 function loadStripe() {
   try {
     if (!stripe) {
-      stripe = Stripe(props.publishableKey);
+      stripe = Stripe(config.public.stripePublishableKey);
     }
   } catch {}
 }