Make large

This commit is contained in:
Luke Vella 2024-09-20 22:26:07 +01:00
parent 58b4144f91
commit 8ff3313ca0
No known key found for this signature in database
GPG key ID: 469CAD687F0D784C
2 changed files with 4 additions and 3 deletions

View file

@ -132,7 +132,7 @@ export function PayWallDialogContent(props: DialogProps) {
</section> </section>
<footer className="space-y-4"> <footer className="space-y-4">
<div className="grid gap-2"> <div className="grid gap-2">
<UpgradeButton annual={period === "yearly"}> <UpgradeButton large annual={period === "yearly"}>
<Trans i18nKey="subscribe" defaults="Subscribe" /> <Trans i18nKey="subscribe" defaults="Subscribe" />
</UpgradeButton> </UpgradeButton>
</div> </div>

View file

@ -8,7 +8,8 @@ import { usePostHog } from "@/utils/posthog";
export const UpgradeButton = ({ export const UpgradeButton = ({
children, children,
annual, annual,
}: React.PropsWithChildren<{ annual?: boolean }>) => { large,
}: React.PropsWithChildren<{ annual?: boolean; large?: boolean }>) => {
const posthog = usePostHog(); const posthog = usePostHog();
return ( return (
@ -24,7 +25,7 @@ export const UpgradeButton = ({
value={window.location.pathname} value={window.location.pathname}
/> />
<Button <Button
size="lg" size={large ? "lg" : "default"}
className="w-full" className="w-full"
type="submit" type="submit"
variant="primary" variant="primary"