Update donate page

components/soutyen/payment-method.js

@@ -7,6 +7,7 @@ import Button from '@mui/material/Button'
 import {Paypal, Liberapay} from '@icons-pack/react-simple-icons'
 
 import Grid from '@mui/material/Unstable_Grid2'
+import CardMethod from './card-method'
 
 const PAYPAL_ID = process.env.NEXT_PUBLIC_PAYPAL_DONATE_ID
 const LIBERAPAY_DONATE = process.env.NEXT_PUBLIC_LIBERAPAY_DONATE
@@ -54,7 +55,7 @@ export default function PaymentMethod({paymentMethod, setPaymentMethod}) {
       <Box sx={{borderBottom: 1, borderColor: 'divider'}}>
         <Tabs scrollButtons allowScrollButtonsMobile value={paymentMethod} aria-label='basic tabs example' variant='fullWidth' onChange={handleChange}>
           <Tab wrapped label='Liberapay / PayPal' {...a11yProps(0)} />
-          <Tab wrapped label='Adhésion' {...a11yProps(1)} />
+          <Tab wrapped label='Carte bancaire' {...a11yProps(1)} />
         </Tabs>
       </Box>
       <TabPanel value={paymentMethod} index={0}>
@@ -72,9 +73,7 @@ export default function PaymentMethod({paymentMethod, setPaymentMethod}) {
         </Grid>
       </TabPanel>
       <TabPanel value={paymentMethod} index={1}>
-        <Button size='large' variant='outlined' onClick={() => window.open('https://asso.oki.re/public/members/new.php', '_blank')}>
-          Cliquez ici pour adhérer à l’association OKi
-        </Button>
+        <CardMethod />
       </TabPanel>
     </Box>
   )