diff --git a/packages/webapp/src/containers/Preferences/General/GeneralForm.tsx b/packages/webapp/src/containers/Preferences/General/GeneralForm.tsx index daec4ebcd..23860d3f4 100644 --- a/packages/webapp/src/containers/Preferences/General/GeneralForm.tsx +++ b/packages/webapp/src/containers/Preferences/General/GeneralForm.tsx @@ -3,7 +3,7 @@ import React from 'react'; import styled from 'styled-components'; import classNames from 'classnames'; import { Form } from 'formik'; -import { Button, FormGroup, InputGroup, Intent } from '@blueprintjs/core'; +import { Button, FormGroup, Intent } from '@blueprintjs/core'; import { TimezonePicker } from '@blueprintjs/timezone'; import { ErrorMessage, FastField } from 'formik'; import { useHistory } from 'react-router-dom'; @@ -54,8 +54,9 @@ export default function PreferencesGeneralForm({ isSubmitting }) { labelInfo={} inline={true} helperText={} + fastField={true} > - + {/* ---------- Industry ---------- */} @@ -63,8 +64,9 @@ export default function PreferencesGeneralForm({ isSubmitting }) { name={'industry'} label={} inline={true} + fastField={true} > - + {/* ---------- Location ---------- */} @@ -72,6 +74,7 @@ export default function PreferencesGeneralForm({ isSubmitting }) { name={'location'} label={} inline={true} + fastField={true} > } popoverProps={{ minimal: true }} + fastField={true} /> @@ -109,6 +113,8 @@ export default function PreferencesGeneralForm({ isSubmitting }) { popoverProps={{ minimal: true }} disabled={baseCurrencyDisabled} fastField={true} + shouldUpdate={shouldBaseCurrencyUpdate} + baseCurrencyDisabled={baseCurrencyDisabled} /> diff --git a/packages/webapp/src/containers/Setup/SetupOrganizationForm.tsx b/packages/webapp/src/containers/Setup/SetupOrganizationForm.tsx index bec282215..825317a84 100644 --- a/packages/webapp/src/containers/Setup/SetupOrganizationForm.tsx +++ b/packages/webapp/src/containers/Setup/SetupOrganizationForm.tsx @@ -1,18 +1,17 @@ // @ts-nocheck import React from 'react'; import { FastField, Form, ErrorMessage } from 'formik'; -import { - Button, - Intent, - FormGroup, - MenuItem, - Classes, -} from '@blueprintjs/core'; +import { Button, Intent, FormGroup, Classes } from '@blueprintjs/core'; import classNames from 'classnames'; import { TimezonePicker } from '@blueprintjs/timezone'; -import { FFormGroup, FInputGroup, FormattedMessage as T } from '@/components'; +import { + FFormGroup, + FInputGroup, + FSelect, + FormattedMessage as T, +} from '@/components'; -import { Col, Row, ListSelect } from '@/components'; +import { Col, Row } from '@/components'; import { inputIntent } from '@/utils'; import { getFiscalYear } from '@/constants/fiscalYearOptions'; @@ -35,152 +34,88 @@ export default function SetupOrganizationForm({ isSubmitting, values }) {

- {/* ---------- Organization name ---------- */} - }> - + } + fastField={true} + > + {/* ---------- Location ---------- */} - - {({ form, field: { value }, meta: { error, touched } }) => ( - } - className={classNames( - 'form-group--business-location', - Classes.FILL, - )} - helperText={} - intent={inputIntent({ error, touched })} - > - { - form.setFieldValue('location', countryCode); - }} - selectedItem={value} - selectedItemProp={'countryCode'} - defaultText={} - textProp={'name'} - popoverProps={{ minimal: true }} - /> - - )} - + } + fastField={true} + > + } + popoverProps={{ minimal: true }} + fastField={true} + /> + {/* ---------- Base currency ---------- */} - - {({ - form: { setFieldValue }, - field: { value }, - meta: { error, touched }, - }) => ( - } - className={classNames( - 'form-group--base-currency', - 'form-group--select-list', - Classes.FILL, - )} - intent={inputIntent({ error, touched })} - helperText={} - > - } /> - } - popoverProps={{ minimal: true }} - onItemSelect={(item) => { - setFieldValue('baseCurrency', item.key); - }} - selectedItemProp={'key'} - textProp={'name'} - defaultText={} - selectedItem={value} - intent={inputIntent({ error, touched })} - /> - - )} - + } + fastField={true} + > + } + fastField={true} + /> + {/* ---------- Language ---------- */} - - {({ - form: { setFieldValue }, - field: { value }, - meta: { error, touched }, - }) => ( - } - className={classNames( - 'form-group--language', - 'form-group--select-list', - Classes.FILL, - )} - intent={inputIntent({ error, touched })} - helperText={} - > - } /> - } - onItemSelect={(item) => { - setFieldValue('language', item.value); - }} - selectedItem={value} - textProp={'name'} - selectedItemProp={'value'} - defaultText={} - popoverProps={{ minimal: true }} - filterable={false} - intent={inputIntent({ error, touched })} - /> - - )} - + } + fastField={true} + > + } + popoverProps={{ minimal: true }} + fastField={true} + /> + + {/* --------- Fiscal Year ----------- */} - - {({ - form: { setFieldValue }, - field: { value }, - meta: { error, touched }, - }) => ( - } - className={classNames( - 'form-group--fiscal_year', - 'form-group--select-list', - Classes.FILL, - )} - intent={inputIntent({ error, touched })} - helperText={} - > - } /> - } - selectedItem={value} - selectedItemProp={'key'} - textProp={'name'} - defaultText={} - popoverProps={{ minimal: true }} - onItemSelect={(item) => { - setFieldValue('fiscalYear', item.key); - }} - filterable={false} - /> - - )} - + } + fastField={true} + > + } + popoverProps={{ minimal: true }} + fastField={true} + /> + {/* ---------- Time zone ---------- */}