Change payment method order & add new asso link

This commit is contained in:
2022-07-18 01:14:28 +04:00
parent e1b9e0a8d6
commit 117e81b5cb
2 changed files with 31 additions and 24 deletions
+22 -22
View File
@@ -79,12 +79,31 @@ export default function PaymentMethod({isLoading, paymentMethod, setPaymentMetho
<Box sx={{width: '100%'}}>
<Box sx={{borderBottom: 1, borderColor: 'divider'}}>
<Tabs scrollButtons allowScrollButtonsMobile value={paymentMethod} aria-label='basic tabs example' variant='fullWidth' onChange={handleChange}>
<Tab wrapped label='Carte bancaire' {...a11yProps(0)} />
<Tab wrapped label='Adhésion' {...a11yProps(0)} />
<Tab wrapped label='PayPal / Liberapay' {...a11yProps(1)} />
<Tab wrapped label='Adhésion' {...a11yProps(2)} />
<Tab wrapped label='Carte bancaire' {...a11yProps(2)} />
</Tabs>
</Box>
<TabPanel value={paymentMethod} index={0}>
<Button size='large' variant='outlined' onClick={() => window.open('https://asso.oki.re/public/members/new.php', '_blank')}>
Cliquez ici pour adhérer à lassociation OKi
</Button>
</TabPanel>
<TabPanel value={paymentMethod} index={1}>
<Grid container rowSpacing={1}>
<Grid item md={6} xs={12}>
<Button variant='outlined' size='large' endIcon={<Liberapay />} onClick={() => window.open(`https://liberapay.com/${LIBERAPAY_DONATE}/donate`, '_blank')}>
Faire un don via Liberapay
</Button>
</Grid>
<Grid item md={6} xs={12}>
<Button variant='outlined' size='large' endIcon={<Paypal />} onClick={() => window.open(`https://www.paypal.com/donate/?hosted_button_id=${PAYPAL_ID}`, '_blank')}>
Faire un don via PayPal
</Button>
</Grid>
</Grid>
</TabPanel>
<TabPanel value={paymentMethod} index={2}>
<Button size='large' variant='outlined' onClick={handleClickOpen}>
Faire un don par carte bancaire
</Button>
@@ -106,7 +125,7 @@ export default function PaymentMethod({isLoading, paymentMethod, setPaymentMetho
setError={setError}
isLoading={isLoading}
>
{clientSecret && validMontant && paymentMethod === 0 && (
{clientSecret && validMontant && paymentMethod === 2 && (
<Elements options={options} stripe={stripePromise}>
<CheckoutForm
prices={prices}
@@ -119,25 +138,6 @@ export default function PaymentMethod({isLoading, paymentMethod, setPaymentMetho
)}
</StripeDialog>
</TabPanel>
<TabPanel value={paymentMethod} index={1}>
<Grid container rowSpacing={1}>
<Grid item md={6} xs={12}>
<Button variant='outlined' size='large' endIcon={<Paypal />} onClick={() => window.open(`https://www.paypal.com/donate/?hosted_button_id=${PAYPAL_ID}`, '_blank')}>
Faire un don via PayPal
</Button>
</Grid>
<Grid item md={6} xs={12}>
<Button variant='outlined' size='large' endIcon={<Liberapay />} onClick={() => window.open(`https://liberapay.com/${LIBERAPAY_DONATE}/donate`, '_blank')}>
Faire un don via Liberapay
</Button>
</Grid>
</Grid>
</TabPanel>
<TabPanel value={paymentMethod} index={2}>
<Button size='large' variant='outlined' onClick={() => window.open('https://www.helloasso.com/associations/organisation-ka-internationale/adhesions/adhesion-oki', '_blank')}>
Cliquez ici pour adhérer à #OKi via HelloAsso
</Button>
</TabPanel>
</Box>
)
}