Improve chart of accounts import

Expensify · May 2, 2024 · a6b35b1 · a6b35b1
1 parent dbe3b21
commit a6b35b1
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 6 deletions.
diff --git a/src/languages/en.ts b/src/languages/en.ts
@@ -1888,9 +1888,9 @@ export default {
             locations: 'Locations',
             customers: 'Customers/Projects',
             displayedAs: 'Displayed as',
-            accountsDescription: 'Chart of Accounts import as categories when connected to an accounting integration, this cannot be disabled.',
-            accountsSwitchTitle: 'Enable newly imported Chart of Accounts.',
-            accountsSwitchDescription: 'New categories imported from QuickBooks Online to Expensify will be either enabled or disabled by default.',
+            accountsDescription: 'When connected to Quickbooks Online, chart of accounts are always imported to Expensify as categories.',
+            accountsSwitchTitle: 'Below you can choose to have any new account imported as an enabled or disabled category by default.',
+            accountsSwitchDescription: 'Enabled categories are available for members to select when creating their expenses.',
             classesDescription: 'Choose whether to import classes, and see where classes are displayed.',
             customersDescription: 'Choose whether to import customers/projects and see where customers/projects are displayed.',
             locationsDescription: 'Choose whether to import locations, and see where locations are displayed.',

diff --git a/src/languages/es.ts b/src/languages/es.ts
@@ -1913,8 +1913,8 @@ export default {
             customers: 'Clientes/Proyectos',
             displayedAs: 'Mostrado como',
             accountsDescription: 'Los planes de cuentas se importan como categorías cuando está conectado con una integración de contaduría, esto no se puede desactivar.',
-            accountsSwitchTitle: 'Habilita el plan de cuentas recien importado',
-            accountsSwitchDescription: 'Las nuevas categorías importadas desde QuickBooks Online a Expensify serán activadas o desactivadas por defecto.',
+            accountsSwitchTitle: 'Elige abajo si las categorías importadas serán activadas o desactivadas por defecto.',
+            accountsSwitchDescription: 'Las categorías activas estarán disponibles para ser escogidas cuando se crea un gasto.',
             classesDescription: 'Elige si quieres importar las clases y donde las clases son mostradas.',
             customersDescription: 'Elige si queres importar clientes/proyectos y donde los clientes/proyectos son mostrados.',
             locationsDescription: 'Elige si quieres importar lugares y donde los lugares son mostrados.',

diff --git a/src/pages/workspace/accounting/qbo/import/QuickbooksChartOfAccountsPage.tsx b/src/pages/workspace/accounting/qbo/import/QuickbooksChartOfAccountsPage.tsx
@@ -14,6 +14,7 @@ import type {WithPolicyProps} from '@pages/workspace/withPolicy';
 import withPolicyConnections from '@pages/workspace/withPolicyConnections';
 import variables from '@styles/variables';
 import CONST from '@src/CONST';
+import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription';
 
 function QuickbooksChartOfAccountsPage({policy}: WithPolicyProps) {
     const {translate} = useLocalize();
@@ -35,9 +36,29 @@ function QuickbooksChartOfAccountsPage({policy}: WithPolicyProps) {
                 <HeaderWithBackButton title={translate('workspace.accounting.accounts')} />
                 <ScrollView contentContainerStyle={[styles.pb2, styles.ph5]}>
                     <Text style={styles.pb5}>{translate('workspace.qbo.accountsDescription')}</Text>
+                    <View style={[styles.flexRow, styles.mb4, styles.alignItemsCenter, styles.justifyContentBetween]}>
+                        <View style={styles.flex1}>
+                            <Text fontSize={variables.fontSizeNormal}>{translate('workspace.accounting.import')}</Text>
+                        </View>
+                        <View style={[styles.flex1, styles.alignItemsEnd, styles.pl3]}>
+                            <Switch
+                                accessibilityLabel={translate('workspace.accounting.accounts')}
+                                isOn={true}
+                                disabled={true}
+                                onToggle={() => {}}
+                            />
+                        </View>
+                    </View>
+                    <MenuItemWithTopDescription
+                        interactive={false}
+                        title={translate('workspace.common.categories')}
+                        description={translate('workspace.qbo.displayedAs')}
+                        wrapperStyle={styles.sectionMenuItemTopDescription}
+                    />
+                    <Text style={styles.pv5}>{translate('workspace.qbo.accountsSwitchTitle')}</Text>
                     <View style={[styles.flexRow, styles.mb2, styles.alignItemsCenter, styles.justifyContentBetween]}>
                         <View style={styles.flex1}>
-                            <Text fontSize={variables.fontSizeNormal}>{translate('workspace.qbo.accountsSwitchTitle')}</Text>
+                            <Text fontSize={variables.fontSizeNormal}>{translate('workspace.common.enabled')}</Text>
                         </View>
                         <OfflineWithFeedback pendingAction={pendingFields?.enableNewCategories}>
                             <View style={[styles.flex1, styles.alignItemsEnd, styles.pl3]}>