BIG-3: refactoring financial reports filtering.

src/containers/FinancialStatements/CustomersTransactions/CustomersTransactions.js

@@ -30,6 +30,7 @@ function CustomersTransactions({
   const [filter, setFilter] = useState({
     fromDate: moment().startOf('year').format('YYYY-MM-DD'),
     toDate: moment().endOf('year').format('YYYY-MM-DD'),
+    filterByOption: 'with-transactions',
   });
 
   const handleFilterSubmit = (filter) => {

src/containers/FinancialStatements/CustomersTransactions/CustomersTransactionsHeaderGeneralPanel.js

@@ -10,7 +10,7 @@ import {
   ContactsMultiSelect,
   FormattedMessage as T,
 } from '../../../components';
-import { filterCustomersOptions } from '../common';
+import { filterCustomersOptions } from '../constants';
 
 import {
   CustomersTransactionsGeneralPanelProvider,
@@ -40,7 +40,7 @@ function CustomersTransactionsHeaderGeneralPanelContent() {
       <FinancialStatementsFilter
         items={filterCustomersOptions}
         label={<T id={'customers.label_filter_customers'} />}
-        initialSelectedItem={'all-customers'}
+        initialSelectedItem={'with-transactions'}
       />
       <Row>
         <Col xs={5}>