diff --git a/components/soutyen/checkout-form.js b/components/soutyen/checkout-form.js
index bdf1fa2..3dbd646 100644
--- a/components/soutyen/checkout-form.js
+++ b/components/soutyen/checkout-form.js
@@ -9,10 +9,11 @@ import {Button, Container, LinearProgress, Paper} from '@mui/material'
const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3001'
-export default function CheckoutForm({setPaymentIsReady, setError, isLoading, setIsLoading}) {
+export default function CheckoutForm({prices, validMontant, setPaymentIsReady, setError, isLoading, setIsLoading}) {
const stripe = useStripe()
const elements = useElements()
const [isPaymentLoading, setIsPaymentLoading] = useState(false)
+ const amount = prices.find(({id}) => id === validMontant).unit_amount
const handleSubmit = async event => {
event.preventDefault()
@@ -50,7 +51,7 @@ export default function CheckoutForm({setPaymentIsReady, setError, isLoading, se
{!isLoading && (
)}
{isPaymentLoading && (
@@ -62,6 +63,8 @@ export default function CheckoutForm({setPaymentIsReady, setError, isLoading, se
}
CheckoutForm.propTypes = {
+ validMontant: PropTypes.string.isRequired,
+ prices: PropTypes.array.isRequired,
setPaymentIsReady: PropTypes.func.isRequired,
setError: PropTypes.func.isRequired,
isLoading: PropTypes.bool.isRequired,
diff --git a/components/soutyen/payment-method.js b/components/soutyen/payment-method.js
index 2c51a97..d784682 100644
--- a/components/soutyen/payment-method.js
+++ b/components/soutyen/payment-method.js
@@ -93,6 +93,8 @@ export default function PaymentMethod({isLoading, paymentMethod, setPaymentMetho
{clientSecret && validMontant && paymentMethod === 0 && (