From 767c0f3fc480f630b7a49db5791b531104ba3765 Mon Sep 17 00:00:00 2001 From: Michal Muzyk Date: Tue, 30 Jan 2024 13:21:16 +0100 Subject: [PATCH 1/4] fix: Styling fixes --- src/components/AddPlaidBankAccount.js | 6 +++--- src/components/InteractiveStepSubHeader.tsx | 2 +- src/components/RadioButtons.tsx | 4 ++-- src/pages/ReimbursementAccount/AddressForm.js | 9 ++++----- .../ReimbursementAccount/BankInfo/BankInfo.tsx | 2 +- .../BankInfo/substeps/Confirmation.tsx | 4 ++-- .../BankInfo/substeps/Manual.tsx | 6 +++--- .../BankInfo/substeps/Plaid.tsx | 1 - .../substeps/BeneficialOwnerCheckUBO.tsx | 4 ++-- .../AddressUBO.tsx | 4 ++-- .../ConfirmationUBO.tsx | 2 +- .../DateOfBirthUBO.tsx | 2 +- .../LegalNameUBO.tsx | 6 +++--- .../SocialSecurityNumberUBO.tsx | 6 +++--- .../substeps/CompanyOwnersListUBO.tsx | 4 ++-- .../ReimbursementAccount/BeneficialOwnersStep.tsx | 2 +- .../BusinessInfo/BusinessInfo.tsx | 2 +- .../BusinessInfo/substeps/AddressBusiness.tsx | 2 +- .../BusinessInfo/substeps/ConfirmationBusiness.tsx | 13 ++----------- .../substeps/IncorporationDateBusiness.tsx | 4 ++-- .../substeps/IncorporationStateBusiness.tsx | 4 ++-- .../BusinessInfo/substeps/NameBusiness.tsx | 4 ++-- .../BusinessInfo/substeps/PhoneNumberBusiness.tsx | 4 ++-- .../BusinessInfo/substeps/TaxIdBusiness.tsx | 4 ++-- .../substeps/TypeBusiness/TypeBusiness.tsx | 4 ++-- .../BusinessInfo/substeps/WebsiteBusiness.tsx | 6 +++--- .../substeps/ConfirmAgreements.tsx | 10 +++++----- .../PersonalInfo/PersonalInfo.tsx | 2 +- .../PersonalInfo/substeps/Address.tsx | 6 +++--- .../PersonalInfo/substeps/Confirmation.tsx | 4 ++-- .../PersonalInfo/substeps/DateOfBirth.tsx | 3 +-- .../PersonalInfo/substeps/FullName.tsx | 6 +++--- .../PersonalInfo/substeps/SocialSecurityNumber.tsx | 6 +++--- .../VerifyIdentity/VerifyIdentity.tsx | 2 +- src/styles/index.ts | 1 - 35 files changed, 69 insertions(+), 82 deletions(-) diff --git a/src/components/AddPlaidBankAccount.js b/src/components/AddPlaidBankAccount.js index a90d358ca0a3..97b305c2cb48 100644 --- a/src/components/AddPlaidBankAccount.js +++ b/src/components/AddPlaidBankAccount.js @@ -279,9 +279,9 @@ function AddPlaidBankAccount({ if (isDisplayedInNewVBBA) { return ( - {translate('bankAccount.chooseAnAccount')} - {!_.isEmpty(text) && {text}} - + {translate('bankAccount.chooseAnAccount')} + {!_.isEmpty(text) && {text}} + ) : ( - {index + 1} + {index + 1} )} {hasUnion ? : null} diff --git a/src/components/RadioButtons.tsx b/src/components/RadioButtons.tsx index c9179d5b43bc..864d4eda0070 100644 --- a/src/components/RadioButtons.tsx +++ b/src/components/RadioButtons.tsx @@ -24,12 +24,12 @@ function RadioButtons({items, onPress, defaultCheckedValue = ''}: RadioButtonsPr const [checkedValue, setCheckedValue] = useState(defaultCheckedValue); return ( - + {items.map((item) => ( { setCheckedValue(item.value); return onPress(item.value); diff --git a/src/pages/ReimbursementAccount/AddressForm.js b/src/pages/ReimbursementAccount/AddressForm.js index 35abc20043bc..4933cf47d50a 100644 --- a/src/pages/ReimbursementAccount/AddressForm.js +++ b/src/pages/ReimbursementAccount/AddressForm.js @@ -102,12 +102,11 @@ function AddressForm(props) { inputID={props.inputKeys.street} shouldSaveDraft={props.shouldSaveDraft} label={props.translate(props.streetTranslationKey)} - containerStyles={[styles.mt4]} + containerStyles={[styles.mt6]} value={props.values.street} defaultValue={props.defaultValues.street} onInputChange={props.onFieldChange} errorText={props.errors.street ? props.translate('bankAccount.error.addressStreet') : ''} - hint={props.translate('common.noPO')} renamedInputKeys={props.inputKeys} maxInputLength={CONST.FORM_CHARACTER_LIMIT} isLimitedToUSA @@ -124,10 +123,10 @@ function AddressForm(props) { defaultValue={props.defaultValues.city} onChangeText={(value) => props.onFieldChange({city: value})} errorText={props.errors.city ? props.translate('bankAccount.error.addressCity') : ''} - containerStyles={[styles.mt4]} + containerStyles={[styles.mt6]} /> - + props.onFieldChange({zipCode: value})} errorText={props.errors.zipCode ? props.translate('bankAccount.error.zipCode') : ''} maxLength={CONST.BANK_ACCOUNT.MAX_LENGTH.ZIP_CODE} - containerStyles={[styles.mt2]} + containerStyles={[styles.mt5]} /> ); diff --git a/src/pages/ReimbursementAccount/BankInfo/BankInfo.tsx b/src/pages/ReimbursementAccount/BankInfo/BankInfo.tsx index 7b50b0751e5d..d47ca20848dc 100644 --- a/src/pages/ReimbursementAccount/BankInfo/BankInfo.tsx +++ b/src/pages/ReimbursementAccount/BankInfo/BankInfo.tsx @@ -127,7 +127,7 @@ function BankInfo({reimbursementAccount, reimbursementAccountDraft, plaidLinkTok onBackButtonPress={handleBackButtonPress} title={translate('bankAccount.bankInfo')} /> - + - {translate('bankAccount.letsDoubleCheck')} + {translate('bankAccount.letsDoubleCheck')} + {translate('bankAccount.thisBankAccount')} {setupType === CONST.BANK_ACCOUNT.SUBSTEP.MANUAL && ( )} - {translate('bankAccount.thisBankAccount')} {error.length > 0 && ( - {translate('bankAccount.manuallyAdd')} - {translate('bankAccount.checkHelpLine')} + {translate('bankAccount.manuallyAdd')} + {translate('bankAccount.checkHelpLine')} - {title} - {translate('beneficialOwnerInfoStep.regulationRequiresUsToVerifyTheIdentity')} + {title} + {translate('beneficialOwnerInfoStep.regulationRequiresUsToVerifyTheIdentity')} - {translate('beneficialOwnerInfoStep.enterTheOwnersAddress')} - {translate('common.noPO')} + {translate('beneficialOwnerInfoStep.enterTheOwnersAddress')} + {translate('common.noPO')} - {translate('beneficialOwnerInfoStep.letsDoubleCheck')} + {translate('beneficialOwnerInfoStep.letsDoubleCheck')} - {translate('beneficialOwnerInfoStep.enterTheDateOfBirthOfTheOwner')} + {translate('beneficialOwnerInfoStep.enterTheDateOfBirthOfTheOwner')} - {translate('beneficialOwnerInfoStep.enterLegalFirstAndLastName')} + {translate('beneficialOwnerInfoStep.enterLegalFirstAndLastName')} @@ -69,7 +69,7 @@ function LegalNameUBO({reimbursementAccountDraft, onNext, isEditing, beneficialO aria-label={translate('beneficialOwnerInfoStep.legalLastName')} role={CONST.ROLE.PRESENTATION} inputID={lastNameInputID} - containerStyles={[styles.mt4]} + containerStyles={[styles.mt6]} defaultValue={defaultLastName} shouldSaveDraft={!isEditing} /> diff --git a/src/pages/ReimbursementAccount/BeneficialOwnerInfo/substeps/BeneficialOwnerDetailsFormSubsteps/SocialSecurityNumberUBO.tsx b/src/pages/ReimbursementAccount/BeneficialOwnerInfo/substeps/BeneficialOwnerDetailsFormSubsteps/SocialSecurityNumberUBO.tsx index acfc846d0ae8..d5f7e6da5f5d 100644 --- a/src/pages/ReimbursementAccount/BeneficialOwnerInfo/substeps/BeneficialOwnerDetailsFormSubsteps/SocialSecurityNumberUBO.tsx +++ b/src/pages/ReimbursementAccount/BeneficialOwnerInfo/substeps/BeneficialOwnerDetailsFormSubsteps/SocialSecurityNumberUBO.tsx @@ -58,8 +58,8 @@ function SocialSecurityNumberUBO({reimbursementAccountDraft, onNext, isEditing, submitButtonStyles={[styles.pb5, styles.mb0]} > - {translate('beneficialOwnerInfoStep.enterTheLast4')} - {translate('beneficialOwnerInfoStep.dontWorry')} + {translate('beneficialOwnerInfoStep.enterTheLast4')} + {translate('beneficialOwnerInfoStep.dontWorry')} - {translate('beneficialOwnerInfoStep.letsDoubleCheck')} - {translate('beneficialOwnerInfoStep.regulationRequiresUsToVerifyTheIdentity')} + {translate('beneficialOwnerInfoStep.letsDoubleCheck')} + {translate('beneficialOwnerInfoStep.regulationRequiresUsToVerifyTheIdentity')} {`${translate('beneficialOwnerInfoStep.owners')}:`} {isUserUBO && ( diff --git a/src/pages/ReimbursementAccount/BeneficialOwnersStep.tsx b/src/pages/ReimbursementAccount/BeneficialOwnersStep.tsx index 84de0921af38..da116597feb8 100644 --- a/src/pages/ReimbursementAccount/BeneficialOwnersStep.tsx +++ b/src/pages/ReimbursementAccount/BeneficialOwnersStep.tsx @@ -223,7 +223,7 @@ function BeneficialOwnersStep({reimbursementAccount, reimbursementAccountDraft, title={translate('beneficialOwnerInfoStep.companyOwner')} onBackButtonPress={handleBackButtonPress} /> - + - + - {translate('businessInfoStep.enterYourCompanysAddress')} + {translate('businessInfoStep.enterYourCompanysAddress')} {translate('common.noPO')} - {translate('businessInfoStep.letsDoubleCheck')} + {translate('businessInfoStep.letsDoubleCheck')} {`${translate('businessInfoStep.listOfRestrictedBusinesses')}.`} )} - style={[styles.mt4]} + style={[styles.mt3]} shouldSaveDraft /> - - {error.length > 0 && ( - - )} - ); diff --git a/src/pages/ReimbursementAccount/BusinessInfo/substeps/IncorporationDateBusiness.tsx b/src/pages/ReimbursementAccount/BusinessInfo/substeps/IncorporationDateBusiness.tsx index 438c99178b64..09df6dfa16e6 100644 --- a/src/pages/ReimbursementAccount/BusinessInfo/substeps/IncorporationDateBusiness.tsx +++ b/src/pages/ReimbursementAccount/BusinessInfo/substeps/IncorporationDateBusiness.tsx @@ -62,12 +62,12 @@ function IncorporationDateBusiness({reimbursementAccount, reimbursementAccountDr style={[styles.mh5, styles.flexGrow1]} submitButtonStyles={[styles.pb5, styles.mb0]} > - {translate('businessInfoStep.selectYourCompanysIncorporationDate')} + {translate('businessInfoStep.selectYourCompanysIncorporationDate')} - {translate('businessInfoStep.pleaseSelectTheStateYourCompanyWasIncorporatedIn')} + {translate('businessInfoStep.pleaseSelectTheStateYourCompanyWasIncorporatedIn')} ); diff --git a/src/pages/ReimbursementAccount/BusinessInfo/substeps/NameBusiness.tsx b/src/pages/ReimbursementAccount/BusinessInfo/substeps/NameBusiness.tsx index de9138778042..cd087174eaf8 100644 --- a/src/pages/ReimbursementAccount/BusinessInfo/substeps/NameBusiness.tsx +++ b/src/pages/ReimbursementAccount/BusinessInfo/substeps/NameBusiness.tsx @@ -60,14 +60,14 @@ function NameBusiness({reimbursementAccount, onNext, isEditing}: NameBusinessPro style={[styles.mh5, styles.flexGrow1]} submitButtonStyles={[styles.pb5, styles.mb0]} > - {translate('businessInfoStep.enterTheNameOfYourBusiness')} + {translate('businessInfoStep.enterTheNameOfYourBusiness')} - {translate('businessInfoStep.enterYourCompanysPhoneNumber')} + {translate('businessInfoStep.enterYourCompanysPhoneNumber')} ); diff --git a/src/pages/ReimbursementAccount/BusinessInfo/substeps/TaxIdBusiness.tsx b/src/pages/ReimbursementAccount/BusinessInfo/substeps/TaxIdBusiness.tsx index 44fbb7b7ce6d..7730c895ae1f 100644 --- a/src/pages/ReimbursementAccount/BusinessInfo/substeps/TaxIdBusiness.tsx +++ b/src/pages/ReimbursementAccount/BusinessInfo/substeps/TaxIdBusiness.tsx @@ -58,7 +58,7 @@ function TaxIdBusiness({reimbursementAccount, onNext, isEditing}: TaxIdBusinessP style={[styles.mh5, styles.flexGrow1]} submitButtonStyles={[styles.pb5, styles.mb0]} > - {translate('businessInfoStep.enterYourCompanysTaxIdNumber')} + {translate('businessInfoStep.enterYourCompanysTaxIdNumber')} diff --git a/src/pages/ReimbursementAccount/BusinessInfo/substeps/TypeBusiness/TypeBusiness.tsx b/src/pages/ReimbursementAccount/BusinessInfo/substeps/TypeBusiness/TypeBusiness.tsx index 50f1a4dba301..e53515f5c6ee 100644 --- a/src/pages/ReimbursementAccount/BusinessInfo/substeps/TypeBusiness/TypeBusiness.tsx +++ b/src/pages/ReimbursementAccount/BusinessInfo/substeps/TypeBusiness/TypeBusiness.tsx @@ -48,14 +48,14 @@ function TypeBusiness({reimbursementAccount, onNext, isEditing}: TypeBusinessPro style={[styles.flexGrow1]} submitButtonStyles={[styles.p5, styles.mb0]} > - {translate('businessInfoStep.selectYourCompanysType')} + {translate('businessInfoStep.selectYourCompanysType')} {}} /> diff --git a/src/pages/ReimbursementAccount/BusinessInfo/substeps/WebsiteBusiness.tsx b/src/pages/ReimbursementAccount/BusinessInfo/substeps/WebsiteBusiness.tsx index 813f96b1fd34..5441d1d014e5 100644 --- a/src/pages/ReimbursementAccount/BusinessInfo/substeps/WebsiteBusiness.tsx +++ b/src/pages/ReimbursementAccount/BusinessInfo/substeps/WebsiteBusiness.tsx @@ -73,15 +73,15 @@ function WebsiteBusiness({reimbursementAccount, user, session, onNext, isEditing style={[styles.mh5, styles.flexGrow1]} submitButtonStyles={[styles.pb5, styles.mb0]} > - {translate('businessInfoStep.enterYourCompanysWebsite')} - {translate('common.websiteExample')} + {translate('businessInfoStep.enterYourCompanysWebsite')} + {translate('common.websiteExample')} - {translate('completeVerificationStep.confirmAgreements')} + {translate('completeVerificationStep.confirmAgreements')} {translate('completeVerificationStep.isAuthorizedToUseBankAccount')}} defaultValue={defaultValues.isAuthorizedToUseBankAccount} shouldSaveDraft @@ -83,7 +83,7 @@ function ConfirmAgreements({onNext, reimbursementAccount}: ConfirmAgreementsProp InputComponent={CheckboxWithLabel} accessibilityLabel={translate('completeVerificationStep.certifyTrueAndAccurate')} inputID={COMPLETE_VERIFICATION_KEYS.CERTIFY_TRUE_INFORMATION} - style={styles.mt4} + style={styles.mt6} LabelComponent={() => {translate('completeVerificationStep.certifyTrueAndAccurate')}} defaultValue={defaultValues.certifyTrueInformation} shouldSaveDraft @@ -92,7 +92,7 @@ function ConfirmAgreements({onNext, reimbursementAccount}: ConfirmAgreementsProp InputComponent={CheckboxWithLabel} accessibilityLabel={`${translate('common.iAcceptThe')} ${translate('completeVerificationStep.termsAndConditions')}`} inputID={COMPLETE_VERIFICATION_KEYS.ACCEPT_TERMS_AND_CONDITIONS} - style={styles.mt4} + style={styles.mt6} LabelComponent={() => ( {translate('common.iAcceptThe')} diff --git a/src/pages/ReimbursementAccount/PersonalInfo/PersonalInfo.tsx b/src/pages/ReimbursementAccount/PersonalInfo/PersonalInfo.tsx index 139da8918a58..b93725d4910d 100644 --- a/src/pages/ReimbursementAccount/PersonalInfo/PersonalInfo.tsx +++ b/src/pages/ReimbursementAccount/PersonalInfo/PersonalInfo.tsx @@ -75,7 +75,7 @@ function PersonalInfo({reimbursementAccount, reimbursementAccountDraft, onBackBu title={translate('personalInfoStep.personalInfo')} onBackButtonPress={handleBackButtonPress} /> - + - {translate('personalInfoStep.enterYourAddress')} - {translate('common.noPO')} + {translate('personalInfoStep.enterYourAddress')} + {translate('common.noPO')} - + ); diff --git a/src/pages/ReimbursementAccount/PersonalInfo/substeps/Confirmation.tsx b/src/pages/ReimbursementAccount/PersonalInfo/substeps/Confirmation.tsx index 5419fcdc968d..b3e3fa10718b 100644 --- a/src/pages/ReimbursementAccount/PersonalInfo/substeps/Confirmation.tsx +++ b/src/pages/ReimbursementAccount/PersonalInfo/substeps/Confirmation.tsx @@ -40,10 +40,10 @@ function Confirmation({reimbursementAccount, reimbursementAccountDraft, onNext, return ( - {translate('personalInfoStep.letsDoubleCheck')} + {translate('personalInfoStep.letsDoubleCheck')} - {translate('personalInfoStep.enterYourDateOfBirth')} + {translate('personalInfoStep.enterYourDateOfBirth')} - {translate('personalInfoStep.enterYourLegalFirstAndLast')} - + {translate('personalInfoStep.enterYourLegalFirstAndLast')} + - + - {translate('personalInfoStep.enterTheLast4')} - {translate('personalInfoStep.dontWorry')} + {translate('personalInfoStep.enterTheLast4')} + {translate('personalInfoStep.dontWorry')} - + {}} startStepIndex={2} diff --git a/src/styles/index.ts b/src/styles/index.ts index b3340dfab204..10545b083dca 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -4170,7 +4170,6 @@ const styles = (theme: ThemeColors) => flex: 1, alignSelf: 'center', flexDirection: 'row', - paddingBottom: 24, }, interactiveStepHeaderStepContainer: { From 62293c1c6a68996c18865de80fa3a6a5e5410279 Mon Sep 17 00:00:00 2001 From: Michal Muzyk Date: Tue, 30 Jan 2024 13:43:23 +0100 Subject: [PATCH 2/4] fix: cleanup --- .../BusinessInfo/substeps/ConfirmationBusiness.tsx | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/src/pages/ReimbursementAccount/BusinessInfo/substeps/ConfirmationBusiness.tsx b/src/pages/ReimbursementAccount/BusinessInfo/substeps/ConfirmationBusiness.tsx index 0e416a10875a..1890278c653d 100644 --- a/src/pages/ReimbursementAccount/BusinessInfo/substeps/ConfirmationBusiness.tsx +++ b/src/pages/ReimbursementAccount/BusinessInfo/substeps/ConfirmationBusiness.tsx @@ -1,10 +1,9 @@ import type {CONST as COMMON_CONST} from 'expensify-common/lib/CONST'; import React, {useMemo} from 'react'; -import {ScrollView, View} from 'react-native'; +import {ScrollView} from 'react-native'; import type {OnyxEntry} from 'react-native-onyx'; import {withOnyx} from 'react-native-onyx'; import CheckboxWithLabel from '@components/CheckboxWithLabel'; -import DotIndicatorMessage from '@components/DotIndicatorMessage'; import FormProvider from '@components/Form/FormProvider'; import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription'; import ScreenWrapper from '@components/ScreenWrapper'; @@ -13,7 +12,6 @@ import TextLink from '@components/TextLink'; import useLocalize from '@hooks/useLocalize'; import type {SubStepProps} from '@hooks/useSubStep/types'; import useThemeStyles from '@hooks/useThemeStyles'; -import * as ErrorUtils from '@libs/ErrorUtils'; import * as ValidationUtils from '@libs/ValidationUtils'; import getSubstepValues from '@pages/ReimbursementAccount/utils/getSubstepValues'; import CONST from '@src/CONST'; @@ -53,8 +51,6 @@ function ConfirmationBusiness({reimbursementAccount, reimbursementAccountDraft, const values = useMemo(() => getSubstepValues(BUSINESS_INFO_STEP_KEYS, reimbursementAccountDraft, reimbursementAccount), [reimbursementAccount, reimbursementAccountDraft]); - const error = ErrorUtils.getLatestErrorMessage(reimbursementAccount ?? {}); - const defaultCheckboxState = reimbursementAccountDraft?.[BUSINESS_INFO_STEP_KEYS.HAS_NO_CONNECTION_TO_CANNABIS] ?? false; return ( From a3886969ac65343285d135623922527cb47ff1c4 Mon Sep 17 00:00:00 2001 From: Michal Muzyk Date: Wed, 31 Jan 2024 10:04:43 +0100 Subject: [PATCH 3/4] fix: pass styles as prop --- src/components/AddPlaidBankAccount.js | 1 + src/components/RadioButtons.tsx | 8 ++++++-- .../substeps/BeneficialOwnerCheckUBO.tsx | 1 + 3 files changed, 8 insertions(+), 2 deletions(-) diff --git a/src/components/AddPlaidBankAccount.js b/src/components/AddPlaidBankAccount.js index 97b305c2cb48..1f726e409bb2 100644 --- a/src/components/AddPlaidBankAccount.js +++ b/src/components/AddPlaidBankAccount.js @@ -299,6 +299,7 @@ function AddPlaidBankAccount({ items={options} defaultCheckedValue={defaultSelectedPlaidAccountID} onPress={handleSelectingPlaidAccount} + radioButtonStyle={[styles.mb6]} /> diff --git a/src/components/RadioButtons.tsx b/src/components/RadioButtons.tsx index 864d4eda0070..3407c5ad9afa 100644 --- a/src/components/RadioButtons.tsx +++ b/src/components/RadioButtons.tsx @@ -1,4 +1,5 @@ import React, {useState} from 'react'; +import type {StyleProp, ViewStyle} from 'react-native'; import {View} from 'react-native'; import useThemeStyles from '@hooks/useThemeStyles'; import RadioButtonWithLabel from './RadioButtonWithLabel'; @@ -17,9 +18,12 @@ type RadioButtonsProps = { /** Callback to fire when selecting a radio button */ onPress: (value: string) => void; + + /** Style for radio button */ + radioButtonStyle?: StyleProp; }; -function RadioButtons({items, onPress, defaultCheckedValue = ''}: RadioButtonsProps) { +function RadioButtons({items, onPress, defaultCheckedValue = '', radioButtonStyle}: RadioButtonsProps) { const styles = useThemeStyles(); const [checkedValue, setCheckedValue] = useState(defaultCheckedValue); @@ -29,7 +33,7 @@ function RadioButtons({items, onPress, defaultCheckedValue = ''}: RadioButtonsPr { setCheckedValue(item.value); return onPress(item.value); diff --git a/src/pages/ReimbursementAccount/BeneficialOwnerInfo/substeps/BeneficialOwnerCheckUBO.tsx b/src/pages/ReimbursementAccount/BeneficialOwnerInfo/substeps/BeneficialOwnerCheckUBO.tsx index 2227254aab69..135a6ec5fd74 100644 --- a/src/pages/ReimbursementAccount/BeneficialOwnerInfo/substeps/BeneficialOwnerCheckUBO.tsx +++ b/src/pages/ReimbursementAccount/BeneficialOwnerInfo/substeps/BeneficialOwnerCheckUBO.tsx @@ -60,6 +60,7 @@ function BeneficialOwnerCheckUBO({title, onSelectedValue, defaultValue}: Benefic items={options} onPress={handleSelectUBOValue} defaultCheckedValue={defaultValue.toString()} + radioButtonStyle={[styles.mb6]} /> From 9ff11cc17e4f7f5f70c000ce602cbf601b74d784 Mon Sep 17 00:00:00 2001 From: Michal Muzyk Date: Wed, 31 Jan 2024 11:08:43 +0100 Subject: [PATCH 4/4] fix: change last form --- .../components/BankAccountValidationForm.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/pages/ReimbursementAccount/ConnectBankAccount/components/BankAccountValidationForm.tsx b/src/pages/ReimbursementAccount/ConnectBankAccount/components/BankAccountValidationForm.tsx index 279c6882faec..f2707d23f03d 100644 --- a/src/pages/ReimbursementAccount/ConnectBankAccount/components/BankAccountValidationForm.tsx +++ b/src/pages/ReimbursementAccount/ConnectBankAccount/components/BankAccountValidationForm.tsx @@ -96,7 +96,7 @@ function BankAccountValidationForm({requiresTwoFactorAuth, reimbursementAccount} InputComponent={TextInput} inputID="amount1" shouldSaveDraft - containerStyles={[styles.mb1]} + containerStyles={[styles.mb6]} inputMode={CONST.INPUT_MODE.DECIMAL} label={`${translate('connectBankAccountStep.validationInputLabel')} 1`} /> @@ -104,7 +104,7 @@ function BankAccountValidationForm({requiresTwoFactorAuth, reimbursementAccount} InputComponent={TextInput} inputID="amount2" shouldSaveDraft - containerStyles={[styles.mb1]} + containerStyles={[styles.mb6]} inputMode={CONST.INPUT_MODE.DECIMAL} label={`${translate('connectBankAccountStep.validationInputLabel')} 2`} /> @@ -112,7 +112,7 @@ function BankAccountValidationForm({requiresTwoFactorAuth, reimbursementAccount} InputComponent={TextInput} shouldSaveDraft inputID="amount3" - containerStyles={[styles.mb1]} + containerStyles={[styles.mb6]} inputMode={CONST.INPUT_MODE.DECIMAL} label={`${translate('connectBankAccountStep.validationInputLabel')} 3`} />