fix(preferences)

client/src/containers/Preferences/General/GeneralForm.js

@@ -43,8 +43,8 @@ export default function PreferencesGeneralForm({}) {
           labelInfo={<FieldRequiredHint />}
           inline={true}
           intent={inputIntent({ error, touched })}
-          helperText={<ErrorMessage name="name" />}
           className={'form-group--org-name'}
+          helperText={'Shown on sales forms and purchase orders.'}
         >
           <InputGroup medium={'true'} {...field} />
         </FormGroup>
@@ -58,8 +58,8 @@ export default function PreferencesGeneralForm({}) {
           labelInfo={<FieldRequiredHint />}
           inline={true}
           intent={inputIntent({ error, touched })}
-          helperText={<ErrorMessage name="financial_date_start" />}
           className={classNames('form-group--select-list', CLASSES.FILL)}
+          helperText={'For reporting, you can specify any month as the start of your financial year (also called your financial reporting year or accounting year).'}
         >
           <DateInput
             {...momentFormatter('MMMM Do YYYY')}
@@ -121,8 +121,8 @@ export default function PreferencesGeneralForm({}) {
           labelInfo={<FieldRequiredHint />}
           className={classNames('form-group--base-currency', CLASSES.FILL)}
           inline={true}
-          helperText={<ErrorMessage name="base_currency" />}
           intent={inputIntent({ error, touched })}
+          helperText={"You can't change the base currency as there are transactions recorded in your organization."}
         >
           <ListSelect
             items={currencies}

client/src/containers/Preferences/General/GeneralFormPage.js

@@ -48,9 +48,7 @@ function GeneralFormPage({
     });
     const onSuccess = (response) => {
       AppToaster.show({
-        message: formatMessage({
-          id: 'the_options_has_been_created_successfully',
-        }),
+        message: 'The general preferences has been saved.',
         intent: Intent.SUCCESS,
       });
       setSubmitting(false);

client/src/containers/Preferences/Users/UsersDataTable.js

@@ -3,6 +3,8 @@ import React, { useCallback } from 'react';
 import { compose } from 'utils';
 import { DataTable } from 'components';
 
+import TableSkeletonRows from 'components/Datatable/TableSkeletonRows';
+
 import withDialogActions from 'containers/Dialog/withDialogActions';
 import withAlertActions from 'containers/Alert/withAlertActions';
 
@@ -60,6 +62,7 @@ function UsersDataTable({
       loading={isUsersLoading}
       headerLoading={isUsersLoading}
       progressBarLoading={isUsersFetching}
+      TableLoadingRenderer={TableSkeletonRows}
       noInitialFetch={true}
       ContextMenu={ActionsMenu}
       payload={{