From 8ff3313ca00d200df3428756f1e798720564fecc Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Fri, 20 Sep 2024 22:26:07 +0100
Subject: [PATCH] Make large

---
 .../app/[locale]/poll/[urlId]/pay-wall-dialog-content.tsx    | 2 +-
 apps/web/src/components/upgrade-button.tsx                   | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/[locale]/poll/[urlId]/pay-wall-dialog-content.tsx b/apps/web/src/app/[locale]/poll/[urlId]/pay-wall-dialog-content.tsx
index 7c9cee56c..8c7774466 100644
--- a/apps/web/src/app/[locale]/poll/[urlId]/pay-wall-dialog-content.tsx
+++ b/apps/web/src/app/[locale]/poll/[urlId]/pay-wall-dialog-content.tsx
@@ -132,7 +132,7 @@ export function PayWallDialogContent(props: DialogProps) {
           </section>
           <footer className="space-y-4">
             <div className="grid gap-2">
-              <UpgradeButton annual={period === "yearly"}>
+              <UpgradeButton large annual={period === "yearly"}>
                 <Trans i18nKey="subscribe" defaults="Subscribe" />
               </UpgradeButton>
             </div>
diff --git a/apps/web/src/components/upgrade-button.tsx b/apps/web/src/components/upgrade-button.tsx
index 609ea8852..c2217fddc 100644
--- a/apps/web/src/components/upgrade-button.tsx
+++ b/apps/web/src/components/upgrade-button.tsx
@@ -8,7 +8,8 @@ import { usePostHog } from "@/utils/posthog";
 export const UpgradeButton = ({
   children,
   annual,
-}: React.PropsWithChildren<{ annual?: boolean }>) => {
+  large,
+}: React.PropsWithChildren<{ annual?: boolean; large?: boolean }>) => {
   const posthog = usePostHog();
 
   return (
@@ -24,7 +25,7 @@ export const UpgradeButton = ({
         value={window.location.pathname}
       />
       <Button
-        size="lg"
+        size={large ? "lg" : "default"}
         className="w-full"
         type="submit"
         variant="primary"