devops/encoach_landingpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Testing more stuff

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-10-16 11:08:32 +01:00
parent 687072984d
commit 3366ad807f
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/PricingTable.tsx
View File

@@ -2,13 +2,17 @@
import {Elements} from "@stripe/react-stripe-js"; import {Elements} from "@stripe/react-stripe-js";
import {loadStripe} from "@stripe/stripe-js"; import {loadStripe} from "@stripe/stripe-js";
import {useEffect} from "react";
const stripePromise = loadStripe("pk_test_51NzD5xFI67mXFum2XDMXiLu89SbCAMY5O0RnKjlU6XqyfboRVvFHI3f5OJHaxsrjjB7WqDYqN7Y3eF8mq3sF354F00l30L5GuJ"); const stripePromise = loadStripe("pk_test_51NzD5xFI67mXFum2XDMXiLu89SbCAMY5O0RnKjlU6XqyfboRVvFHI3f5OJHaxsrjjB7WqDYqN7Y3eF8mq3sF354F00l30L5GuJ");
export default function PricingTable() { export default function PricingTable() {
useEffect(() => {
console.log(process.env.NEXT_PUBLIC_STRIPE_PRICING_TABLE, process.env.NEXT_PUBLIC_STRIPE_KEY);
}, []);
return ( return (
<Elements stripe={stripePromise}> <Elements stripe={stripePromise}>
{/** @ts-ignore */}
<stripe-pricing-table <stripe-pricing-table
id="pricing" id="pricing"
pricing-table-id={process.env.NEXT_PUBLIC_STRIPE_PRICING_TABLE} pricing-table-id={process.env.NEXT_PUBLIC_STRIPE_PRICING_TABLE}
@@ -17,3 +21,12 @@ export default function PricingTable() {
</Elements> </Elements>
); );
} }
// If using TypeScript, add the following snippet to your file as well.
declare global {
namespace JSX {
interface IntrinsicElements {
"stripe-pricing-table": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
}
}
}