Fix stripe. Remove fetching prices in getServerSideProps

components/soutyen/stripe-payment.js

@@ -12,7 +12,7 @@ import {validateEmail} from '../../lib/utils/emails'
 import Email from './email'
 import Montant from './montant'
 
-export default function StripePayment({isLoading, selectedMontant, setSelectedMontant, validMontant, setValidMontant, prices, paymentIntent, setClientSecret, setPaymentIntent, setIsLoading, setClientEmail, clientEmail, error, setError}) {
+export default function StripePayment({isLoading, selectedMontant, setSelectedMontant, validMontant, setValidMontant, paymentIntent, setClientSecret, setPaymentIntent, setIsLoading, setClientEmail, clientEmail, error, setError, handleClose}) {
   const cancelPayment = async () => {
     setClientEmail('')
     setIsLoading(false)
@@ -29,9 +29,14 @@ export default function StripePayment({isLoading, selectedMontant, setSelectedMo
   }
 
   const handleCancel = async () => {
-    setValidMontant(null)
-    setSelectedMontant(null)
-    await cancelPayment()
+    if (validMontant) {
+      setValidMontant(null)
+      setSelectedMontant(null)
+      await cancelPayment()
+      handleClose()
+    } else {
+      handleClose()
+    }
   }
 
   const handleClick = () => {
@@ -59,7 +64,6 @@ export default function StripePayment({isLoading, selectedMontant, setSelectedMo
             setSelectedMontant={setSelectedMontant}
             validMontant={validMontant}
             setValidMontant={setValidMontant}
-            prices={prices}
             paymentIntent={paymentIntent}
             setClientSecret={setClientSecret}
             setPaymentIntent={setPaymentIntent}
@@ -71,11 +75,10 @@ export default function StripePayment({isLoading, selectedMontant, setSelectedMo
             <Button disabled={Boolean(validMontant) || Boolean(!selectedMontant)} variant='contained' onClick={handleClick}>
               Valider les informations
             </Button>
-            {validMontant && (
-              <Button disabled={Boolean(!validMontant)} color='secondary' variant='contained' onClick={handleCancel}>
-                Annuler
-              </Button>
-            )}
+
+            <Button color='secondary' variant='contained' onClick={handleCancel}>
+              Annuler
+            </Button>
           </Stack>
         </>
         {isLoading && (
@@ -102,7 +105,6 @@ StripePayment.propTypes = {
   setSelectedMontant: PropTypes.func.isRequired,
   validMontant: PropTypes.string,
   setValidMontant: PropTypes.func.isRequired,
-  prices: PropTypes.array.isRequired,
   paymentIntent: PropTypes.string,
   setClientSecret: PropTypes.func.isRequired,
   setPaymentIntent: PropTypes.func.isRequired,
@@ -110,5 +112,6 @@ StripePayment.propTypes = {
   setClientEmail: PropTypes.func.isRequired,
   clientEmail: PropTypes.string,
   error: PropTypes.string,
-  setError: PropTypes.func.isRequired
+  setError: PropTypes.func.isRequired,
+  handleClose: PropTypes.func.isRequired
 }