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.
+
+