- feat: Update react-query package to V 2.1.1.

- feat: Favicon setup.
- feat: Fix accounts inactivate/activate 1 account.
- feat: Seed accounts, expenses and manual journals resource fields.
- feat: Validate make journal receivable/payable without contact.
- feat: Validate make journal contact without receivable or payable.
- feat: More components abstractions.
- feat: Use reselect.js to memorize components properties.
- fix: Journal type of manual journal.
- fix: Sidebar style optimization.
- fix: Data-table check-box style optimization.
- fix: Data-table spinner style dimensions.
- fix: Submit journal with contact_id and contact_type.

client/src/containers/FinancialStatements/FinancialStatementDateRange.js

@@ -4,8 +4,7 @@ import { momentFormatter } from 'utils';
 import { DateInput } from '@blueprintjs/datetime';
 import { useIntl } from 'react-intl';
 import { HTMLSelect, FormGroup, Intent, Position } from '@blueprintjs/core';
-import Icon from 'components/Icon';
-import { FieldHint } from 'components';
+import { Hint } from 'components';
 import { parseDateRangeQuery } from 'utils';
 
 export default function FinancialStatementDateRange({ formik }) {
@@ -48,14 +47,12 @@ export default function FinancialStatementDateRange({ formik }) {
     [formik],
   );
 
-  const infoIcon = useMemo(() => <Icon icon="info-circle" iconSize={12} />, []);
-
   return (
     <>
       <Col width={260}>
         <FormGroup
           label={intl.formatMessage({ id: 'report_date_range' })}
-          labelInfo={infoIcon}
+          labelInfo={<Hint />}
           minimal={true}
           fill={true}
         >
@@ -71,7 +68,7 @@ export default function FinancialStatementDateRange({ formik }) {
       <Col width={260}>
         <FormGroup
           label={intl.formatMessage({ id: 'from_date' })}
-          labelInfo={infoIcon}
+          labelInfo={<Hint />}
           fill={true}
           intent={formik.errors.from_date && Intent.DANGER}
         >
@@ -89,7 +86,7 @@ export default function FinancialStatementDateRange({ formik }) {
       <Col width={260}>
         <FormGroup
           label={intl.formatMessage({ id: 'to_date' })}
-          labelInfo={<FieldHint />}
+          labelInfo={<Hint />}
           fill={true}
           intent={formik.errors.to_date && Intent.DANGER}
         >