diff --git a/src/components/client/donation-flow/DonationFlowForm.tsx b/src/components/client/donation-flow/DonationFlowForm.tsx index d7c2d05e4..44be0cf20 100644 --- a/src/components/client/donation-flow/DonationFlowForm.tsx +++ b/src/components/client/donation-flow/DonationFlowForm.tsx @@ -6,14 +6,7 @@ import { useElements, useStripe } from '@stripe/react-stripe-js' import * as yup from 'yup' import { Form, Formik, FormikProps } from 'formik' import { PersistFormikValues } from 'formik-persist-values' -import { - Box, - Button, - IconButton, - Tooltip, - Typography, - Unstable_Grid2 as Grid2, -} from '@mui/material' +import { Box, Button, IconButton, Tooltip, Typography, Grid2 } from '@mui/material' import { ArrowBack, Info } from '@mui/icons-material' import { routes } from 'common/routes' @@ -228,7 +221,7 @@ export function DonationFlowForm() { validateOnBlur={true}> {({ handleSubmit, values, errors, submitCount, isValid }) => ( - +
{t('action.back')} - + 0)} /> - + 0)} /> @@ -268,8 +261,8 @@ export function DonationFlowForm() { display="flex" container justifyContent={'space-between'} - xs={12}> - + size={{ xs: 12 }}> + 0} /> - + @@ -288,7 +281,7 @@ export function DonationFlowForm() { container justifyContent={'space-between'} flexDirection={'row'}> - + - + - - + + - + - + - + - + - + - + @@ -200,13 +200,13 @@ export default function DonationFlowStatusPage({ slug }: { slug: string }) { - + - + - + ))} diff --git a/src/components/client/donation-flow/steps/Amount.tsx b/src/components/client/donation-flow/steps/Amount.tsx index bdf9b6ed1..f5280e756 100644 --- a/src/components/client/donation-flow/steps/Amount.tsx +++ b/src/components/client/donation-flow/steps/Amount.tsx @@ -1,7 +1,7 @@ import React, { useEffect } from 'react' import * as yup from 'yup' import { useTranslation } from 'next-i18next' -import { useMediaQuery, Collapse, Typography, Unstable_Grid2 as Grid2 } from '@mui/material' +import { useMediaQuery, Collapse, Typography, Grid2 } from '@mui/material' import { useField, useFormikContext } from 'formik' import { CardRegion } from 'gql/donations.enums' @@ -119,8 +119,7 @@ export default function Amount({ disabled, sectionRef, error }: SelectDonationAm /> {t('donation-flow:step.payment-mode.title')} - + {error && } diff --git a/src/components/client/donation-flow/steps/authentication/Authentication.tsx b/src/components/client/donation-flow/steps/authentication/Authentication.tsx index 2592a50a8..9ed0b9cfe 100644 --- a/src/components/client/donation-flow/steps/authentication/Authentication.tsx +++ b/src/components/client/donation-flow/steps/authentication/Authentication.tsx @@ -1,6 +1,6 @@ import { useEffect, useState } from 'react' import { useTranslation } from 'next-i18next' -import { Box, Typography, Alert, useMediaQuery, Unstable_Grid2 as Grid2 } from '@mui/material' +import { Box, Typography, Alert, useMediaQuery, Grid2 } from '@mui/material' import { useFormikContext } from 'formik' import { useSession } from 'next-auth/react' diff --git a/src/components/client/donation-flow/steps/payment-method/BankPayment.tsx b/src/components/client/donation-flow/steps/payment-method/BankPayment.tsx index 6c6843681..1e24c4517 100644 --- a/src/components/client/donation-flow/steps/payment-method/BankPayment.tsx +++ b/src/components/client/donation-flow/steps/payment-method/BankPayment.tsx @@ -1,14 +1,6 @@ import React from 'react' import { useTranslation } from 'next-i18next' -import { - Alert, - AlertTitle, - Divider, - List, - Typography, - Unstable_Grid2 as Grid2, - useMediaQuery, -} from '@mui/material' +import { Alert, AlertTitle, Divider, List, Typography, Grid2, useMediaQuery } from '@mui/material' import { ibanNumber } from 'common/iban' import theme from 'common/theme' @@ -38,7 +30,7 @@ function BankPayment() { - + {bankAccountInfo.owner} - + {bankAccountInfo.bank} - + {ibanNumber} - + {campaign.paymentReference} diff --git a/src/components/client/donation-flow/steps/payment-method/TaxesCheckbox.tsx b/src/components/client/donation-flow/steps/payment-method/TaxesCheckbox.tsx index 86354d981..2d0af6358 100644 --- a/src/components/client/donation-flow/steps/payment-method/TaxesCheckbox.tsx +++ b/src/components/client/donation-flow/steps/payment-method/TaxesCheckbox.tsx @@ -1,6 +1,6 @@ import React from 'react' import { Trans, useTranslation } from 'next-i18next' -import { Typography, Unstable_Grid2 as Grid2 } from '@mui/material' +import { Typography, Grid2 } from '@mui/material' import { useField } from 'formik' import { CardRegion } from 'gql/donations.enums' @@ -15,7 +15,7 @@ export const TaxesCheckbox = () => { return ( <> - + { } /> - + diff --git a/yarn.lock b/yarn.lock index c8675fdda..0dc74dbe1 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4350,6 +4350,13 @@ __metadata: languageName: node linkType: hard +"@types/js-cookie@npm:2.2.5": + version: 2.2.5 + resolution: "@types/js-cookie@npm:2.2.5" + checksum: 5b25183c91e4f5ddfa2ad231538baa49a7bbbef56eba2a80345fbeebdedf0964c252abdef51105e6bee620fd095cde4f271bc5114b85062479cbdc54fd466014 + languageName: node + linkType: hard + "@types/js-levenshtein@npm:^1.1.1": version: 1.1.3 resolution: "@types/js-levenshtein@npm:1.1.3" @@ -4904,13 +4911,6 @@ __metadata: languageName: node linkType: hard -"@zxing/text-encoding@npm:0.9.0": - version: 0.9.0 - resolution: "@zxing/text-encoding@npm:0.9.0" - checksum: c23b12aee7639382e4949961304a1294776afaffa40f579e09ffecd0e5e68cf26ef3edd75009de46da8a536e571448755ca68b3e2ea707d53793c0edb2e2c34a - languageName: node - linkType: hard - "@xobotyi/scrollbar-width@npm:1.9.5": version: 1.9.5 resolution: "@xobotyi/scrollbar-width@npm:1.9.5" @@ -4918,6 +4918,13 @@ __metadata: languageName: node linkType: hard +"@zxing/text-encoding@npm:0.9.0": + version: 0.9.0 + resolution: "@zxing/text-encoding@npm:0.9.0" + checksum: c23b12aee7639382e4949961304a1294776afaffa40f579e09ffecd0e5e68cf26ef3edd75009de46da8a536e571448755ca68b3e2ea707d53793c0edb2e2c34a + languageName: node + linkType: hard + "abab@npm:^2.0.6": version: 2.0.6 resolution: "abab@npm:2.0.6" @@ -11477,6 +11484,13 @@ __metadata: languageName: node linkType: hard +"lodash.omit@npm:^4.5.0": + version: 4.5.0 + resolution: "lodash.omit@npm:4.5.0" + checksum: 434645e49fe84ab315719bd5a9a3a585a0f624aa4160bc09157dd041a414bcc287c15840365c1379476a3f3eda41fbe838976c3f7bdecbbf4c5478e86c471a30 + languageName: node + linkType: hard + "lodash.pad@npm:^4.1.0": version: 4.5.1 resolution: "lodash.pad@npm:4.5.1" @@ -11498,13 +11512,6 @@ __metadata: languageName: node linkType: hard -"lodash.omit@npm:^4.5.0": - version: 4.5.0 - resolution: "lodash.omit@npm:4.5.0" - checksum: 434645e49fe84ab315719bd5a9a3a585a0f624aa4160bc09157dd041a414bcc287c15840365c1379476a3f3eda41fbe838976c3f7bdecbbf4c5478e86c471a30 - languageName: node - linkType: hard - "lodash.truncate@npm:^4.4.2": version: 4.4.2 resolution: "lodash.truncate@npm:4.4.2" @@ -15653,6 +15660,13 @@ __metadata: languageName: node linkType: hard +"set-harmonic-interval@npm:^1.0.1": + version: 1.0.1 + resolution: "set-harmonic-interval@npm:1.0.1" + checksum: c122b831c2e0b1fb812e5e9d065094b9d174bd0576f9a779ab7a7d8881c8f6dd7d5fcab9a2553da15eea670eb598f9dd4d5162b626d45cc9c529706aa1444a84 + languageName: node + linkType: hard + "sha@npm:~2.0.1": version: 2.0.1 resolution: "sha@npm:2.0.1" @@ -15663,13 +15677,6 @@ __metadata: languageName: node linkType: hard -"set-harmonic-interval@npm:^1.0.1": - version: 1.0.1 - resolution: "set-harmonic-interval@npm:1.0.1" - checksum: c122b831c2e0b1fb812e5e9d065094b9d174bd0576f9a779ab7a7d8881c8f6dd7d5fcab9a2553da15eea670eb598f9dd4d5162b626d45cc9c529706aa1444a84 - languageName: node - linkType: hard - "shallow-equal@npm:^3.1.0": version: 3.1.0 resolution: "shallow-equal@npm:3.1.0" @@ -16562,13 +16569,6 @@ __metadata: languageName: node linkType: hard -"supports-color@npm:^2.0.0": - version: 2.0.0 - resolution: "supports-color@npm:2.0.0" - checksum: 602538c5812b9006404370b5a4b885d3e2a1f6567d314f8b4a41974ffe7d08e525bf92ae0f9c7030e3b4c78e4e34ace55d6a67a74f1571bc205959f5972f88f0 - languageName: node - linkType: hard - "stylis@npm:^4.3.0": version: 4.3.1 resolution: "stylis@npm:4.3.1" @@ -16576,6 +16576,13 @@ __metadata: languageName: node linkType: hard +"supports-color@npm:^2.0.0": + version: 2.0.0 + resolution: "supports-color@npm:2.0.0" + checksum: 602538c5812b9006404370b5a4b885d3e2a1f6567d314f8b4a41974ffe7d08e525bf92ae0f9c7030e3b4c78e4e34ace55d6a67a74f1571bc205959f5972f88f0 + languageName: node + linkType: hard + "supports-color@npm:^5.3.0": version: 5.5.0 resolution: "supports-color@npm:5.5.0"