Update Button Text Wrapping (#741)

tone-row · Sep 16, 2024 · 23613a4 · 23613a4
1 parent 358ed0a
commit 23613a4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/app/src/components/PaywallModal.tsx b/app/src/components/PaywallModal.tsx
@@ -63,7 +63,7 @@ export default function PaywallModal() {
               <Dialog.Close asChild>
                 <Button2
                   color="blue"
-                  className="mt-4"
+                  className="mt-4 !whitespace-normal !leading-tight"
                   data-to-pricing={toPricingCode}
                   onClick={() => {
                     posthog.capture("clicked-paywall-button");

diff --git a/app/src/lib/usePaywallModalStore.ts b/app/src/lib/usePaywallModalStore.ts
@@ -1,3 +1,4 @@
+import { t } from "@lingui/macro";
 import { create } from "zustand";
 
 type PaywallModalStore = {
@@ -34,8 +35,12 @@ export function showPaywall({
   movieUrl,
   imgUrl = paywallImageUrl,
   toPricingCode,
-  buttonText = "Learn More", // New parameter with default value
+  buttonText,
 }: Omit<PaywallModalStore, "open">) {
+  if (!buttonText) {
+    buttonText = t`Learn More`;
+  }
+
   // If there is no movie URL, we will preload the image
   if (!movieUrl) {
     // Pre-load the paywall image