diff --git a/frontend/src/components/AssetNumericInput/index.tsx b/frontend/src/components/AssetNumericInput/index.tsx index 6753dad05..c22af4810 100644 --- a/frontend/src/components/AssetNumericInput/index.tsx +++ b/frontend/src/components/AssetNumericInput/index.tsx @@ -1,7 +1,7 @@ import { ChangeEvent, FC } from 'react'; import { UseFormRegisterReturn } from 'react-hook-form'; import { AssetButton } from '../buttons/AssetButton'; -import { RampFormValues } from '../Nabla/schema'; +import { RampFormValues } from '../../hooks/ramp/schema'; import { NumericInput } from '../NumericInput'; import { cn } from '../../helpers/cn'; diff --git a/frontend/src/components/BrlaComponents/BrlaSwapFields/index.tsx b/frontend/src/components/BrlaComponents/BrlaSwapFields/index.tsx index 5c79bb16e..8b918a69a 100644 --- a/frontend/src/components/BrlaComponents/BrlaSwapFields/index.tsx +++ b/frontend/src/components/BrlaComponents/BrlaSwapFields/index.tsx @@ -16,11 +16,11 @@ const containerAnimation: MotionProps = { }; const OFFRAMP_FIELDS = [ - { id: StandardBrlaFieldOptions.TAX_ID, label: 'CPF', index: 0 }, - { id: StandardBrlaFieldOptions.PIX_ID, label: 'PIX', index: 1 }, + { id: StandardBrlaFieldOptions.TAX_ID, label: 'cpfOrCnpj', index: 0 }, + { id: StandardBrlaFieldOptions.PIX_ID, label: 'pixKey', index: 1 }, ]; -const ONRAMP_FIELDS = [{ id: StandardBrlaFieldOptions.TAX_ID, label: 'CPF', index: 0 }]; +const ONRAMP_FIELDS = [{ id: StandardBrlaFieldOptions.TAX_ID, label: 'cpfOrCnpj', index: 0 }]; /** * BrlaSwapFields component @@ -49,9 +49,11 @@ export const BrlaSwapFields: FC = () => { className="mt-2" key={field.id} id={field.id} - label={field.label} + label={t(`components.brlaSwapField.${field.label}`)} index={field.index} - placeholder={t(`components.brlaSwapField.placeholder`, { label: field.label })} + placeholder={t(`components.brlaSwapField.placeholder`, { + label: t(`components.brlaSwapField.${field.label}`), + })} /> ))}
diff --git a/frontend/src/components/BrlaComponents/KYCForm/index.tsx b/frontend/src/components/BrlaComponents/KYCForm/index.tsx index dbe9d567c..b1d7a650d 100644 --- a/frontend/src/components/BrlaComponents/KYCForm/index.tsx +++ b/frontend/src/components/BrlaComponents/KYCForm/index.tsx @@ -1,7 +1,7 @@ import { useCallback } from 'react'; import { motion } from 'motion/react'; import { FormProvider, UseFormReturn } from 'react-hook-form'; -import { useTranslation } from 'react-i18next'; +import { useTranslation, Trans } from 'react-i18next'; import { BrlaField, BrlaFieldProps, ExtendedBrlaFieldOptions } from '../BrlaField'; import { KYCFormData } from '../../../hooks/brla/useKYCForm'; @@ -32,14 +32,7 @@ export const KYCForm = ({ form, onSubmit, onBackClick, fields }: KYCFormProps) = className="px-4 pt-4 pb-2 mx-4 mt-8 mb-4 rounded-lg shadow-custom md:mx-auto md:w-96 min-h-[480px]" onSubmit={handleSubmit(onSubmit)} > -

{t('components.brlaKYCForm.title')}

-
- {t('components.brlaKYCForm.description')} - - BRLA - - . -
+

{t('components.brlaKYCForm.title')}

{fields.map((field) => ( ))}
- +
+ , + }} + > + Complete these quick identity checks (typically 90 seconds). Data is processed securely by{' '} + + BRLA + {' '} + using bank-grade encryption for transaction security. + +