Turned it into a .env
This commit is contained in:
7
.env
7
.env
@@ -1,2 +1,5 @@
|
|||||||
ENV_VARIABLE=_ENV_VARIABLE
|
STRIPE_PRICING_TABLE=prctbl_1O0hFcFI67mXFum2kEqiD57r
|
||||||
NEXT_PUBLIC_ENV_VARIABLE=_NEXT_ENV_VARIABLE
|
STRIPE_KEY=pk_test_51NzD5xFI67mXFum2XDMXiLu89SbCAMY5O0RnKjlU6XqyfboRVvFHI3f5OJHaxsrjjB7WqDYqN7Y3eF8mq3sF354F00l30L5GuJ
|
||||||
|
STRIPE_SECRET=sk_test_51NzD5xFI67mXFum2Lzi2JtR8Th9zuA3CnoKKkAaOBiHmiHDQdGt7Pruj1Z89e4nF5eVNStL866twJLoVBUgfiaxZ00yqst8gkh
|
||||||
|
|
||||||
|
WEBHOOK_URL=http://localhost:3001/api/stripe
|
||||||
@@ -2,20 +2,13 @@
|
|||||||
|
|
||||||
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(process.env.STRIPE_KEY || "");
|
const stripePromise = loadStripe(process.env.STRIPE_KEY || "");
|
||||||
|
|
||||||
export default function PricingTable() {
|
export default function PricingTable() {
|
||||||
useEffect(() => {
|
|
||||||
console.log("TESTE");
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Elements stripe={stripePromise}>
|
<Elements stripe={stripePromise}>
|
||||||
<div id={process.env.ENV_VARIABLE || process.env.NEXT_PUBLIC_ENV_VARIABLE || "didnt-work"}>
|
|
||||||
<stripe-pricing-table id="pricing" pricing-table-id={process.env.STRIPE_PRICING_TABLE} publishable-key={process.env.STRIPE_KEY} />
|
<stripe-pricing-table id="pricing" pricing-table-id={process.env.STRIPE_PRICING_TABLE} publishable-key={process.env.STRIPE_KEY} />
|
||||||
</div>
|
|
||||||
</Elements>
|
</Elements>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user