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