Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

show FAQ link only on dialog, not on pricing page

Browse Source
This commit is contained in:
Abi Raja 2024-07-22 15:50:10 -04:00
parent 97bd1c924a
commit b7985b9a4e
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/hosted/PricingPage.tsx
View File

@ -7,7 +7,7 @@ const PricingPage: React.FC = () => {
return ( return (
<div className="container mx-auto px-4 py-8"> <div className="container mx-auto px-4 py-8">
<h1 className="text-3xl font-bold mb-6">Screenshot to Code Pricing</h1> <h1 className="text-3xl font-bold mb-6">Screenshot to Code Pricing</h1>
<PricingPlans /> <PricingPlans shouldShowFAQLink={false} />
{/* Spacer */} {/* Spacer */}
<div className="text-center mt-8"></div> <div className="text-center mt-8"></div>
<FAQs /> <FAQs />

16
frontend/src/components/hosted/payments/PricingPlans.tsx
View File

@ -4,7 +4,11 @@ import React from "react";
import { Button } from "../../ui/button"; import { Button } from "../../ui/button";
import useStripeCheckout from "./useStripeCheckout"; import useStripeCheckout from "./useStripeCheckout";
function PricingPlans() { interface PricingPlansProps {
shouldShowFAQLink?: boolean;
}
function PricingPlans({ shouldShowFAQLink = true }: PricingPlansProps) {
const { checkout, isLoadingCheckout } = useStripeCheckout(); const { checkout, isLoadingCheckout } = useStripeCheckout();
const [paymentInterval, setPaymentInterval] = React.useState< const [paymentInterval, setPaymentInterval] = React.useState<
"monthly" | "yearly" "monthly" | "yearly"
@ -113,10 +117,18 @@ function PricingPlans() {
</div> </div>
<p className="text-center text-xs text-gray-600 mt-1"> <p className="text-center text-xs text-gray-600 mt-1">
1 credit = 1 code generation. Cancel subscription at any time. <br />{" "} 1 credit = 1 code generation. Cancel subscription at any time. <br />{" "}
<a href="/pricing" target="_blank" className="text-blue-900 underline"> {shouldShowFAQLink && (
<>
<a
href="/pricing"
target="_blank"
className="text-blue-900 underline"
>
See FAQs if you have additional questions See FAQs if you have additional questions
</a>{" "} </a>{" "}
or contact support. or contact support.
</>
)}
</p> </p>
</> </>
); );