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 ---------- */}