Merge remote-tracking branch 'origin/fix_connectors'

client/src/containers/FinancialStatements/GeneralLedger/GeneralLedgerHeader.js

@@ -1,26 +1,22 @@
-import React, { useCallback} from 'react';
-import {
-  Button,
-  FormGroup,
-  Classes,
-} from '@blueprintjs/core';
-import {Row, Col} from 'react-grid-system';
+import React, { useCallback } from 'react';
+import { Button, FormGroup, Classes } from '@blueprintjs/core';
+import { Row, Col } from 'react-grid-system';
 import moment from 'moment';
 import * as Yup from 'yup';
-import {useFormik} from 'formik';
+import { useFormik } from 'formik';
 import { FormattedMessage as T } from 'react-intl';
 
 import AccountsMultiSelect from 'components/AccountsMultiSelect';
 import FinancialStatementHeader from 'containers/FinancialStatements/FinancialStatementHeader';
-import AccountsConnect from 'connectors/Accounts.connector'
+import withAccounts from 'containers/Accounts/withAccounts';
+
 import classNames from 'classnames';
 import FinancialStatementDateRange from 'containers/FinancialStatements/FinancialStatementDateRange';
 import RadiosAccountingBasis from '../RadiosAccountingBasis';
-import {compose} from 'utils';
+import { compose } from 'utils';
 
 import withGeneralLedger from './withGeneralLedger';
 
-
 function GeneralLedgerHeader({
   onSubmitFilter,
   pageFilter,
@@ -36,7 +32,7 @@ function GeneralLedgerHeader({
     initialValues: {
       ...pageFilter,
       from_date: moment(pageFilter.from_date).toDate(),
-      to_date: moment(pageFilter.to_date).toDate()
+      to_date: moment(pageFilter.to_date).toDate(),
     },
     validationSchema: Yup.object().shape({
       from_date: Yup.date().required(),
@@ -57,10 +53,13 @@ function GeneralLedgerHeader({
     console.log(selectedAccounts);
   }, []);
 
-  const handleAccountingBasisChange = useCallback((value) => {
-    formik.setFieldValue('basis', value);
-  }, [formik]);
-  
+  const handleAccountingBasisChange = useCallback(
+    (value) => {
+      formik.setFieldValue('basis', value);
+    },
+    [formik],
+  );
+
   return (
     <FinancialStatementHeader show={generalLedgerSheetFilter}>
       <FinancialStatementDateRange formik={formik} />
@@ -68,18 +67,20 @@ function GeneralLedgerHeader({
       <Row>
         <Col sm={3}>
           <FormGroup
-            label={<T id={'specific_accounts'}/>}
+            label={<T id={'specific_accounts'} />}
             className={classNames('form-group--select-list', Classes.FILL)}
           >
             <AccountsMultiSelect
               accounts={accounts}
-              onAccountSelected={onAccountSelected} />
+              onAccountSelected={onAccountSelected}
+            />
           </FormGroup>
         </Col>
         <Col sm={3}>
           <RadiosAccountingBasis
             onChange={handleAccountingBasisChange}
-            selectedValue={formik.values.basis} />
+            selectedValue={formik.values.basis}
+          />
         </Col>
 
         <Col sm={3}>
@@ -87,16 +88,21 @@ function GeneralLedgerHeader({
             type="submit"
             onClick={handleSubmitClick}
             disabled={formik.isSubmitting}
-            className={'button--submit-filter mt2'}>
-            <T id={'calculate_report'}/>
+            className={'button--submit-filter mt2'}
+          >
+            <T id={'calculate_report'} />
           </Button>
         </Col>
       </Row>
     </FinancialStatementHeader>
-  )
+  );
 }
 
 export default compose(
-  AccountsConnect,
-  withGeneralLedger(({ generalLedgerSheetFilter }) => ({ generalLedgerSheetFilter })),
-)(GeneralLedgerHeader);
+  withAccounts(({ accounts }) => ({
+    accounts,
+  })),
+  withGeneralLedger(({ generalLedgerSheetFilter }) => ({
+    generalLedgerSheetFilter,
+  })),
+)(GeneralLedgerHeader);