refactoring: account form.

refactoring: expense form.
refactoring: manual journal form.
refactoring: invoice form.

client/src/containers/Accounts/AccountsChart.js

@@ -1,9 +1,8 @@
-import React, { useEffect } from 'react';
-import { useIntl } from 'react-intl';
+import React from 'react';
 
 import 'style/pages/Accounts/List.scss';
+import { DashboardPageContent, DashboardContentTable } from 'components';
 
-import DashboardPageContent from 'components/Dashboard/DashboardPageContent';
 import { AccountsChartProvider } from './AccountsChartProvider';
 
 import AccountsViewsTabs from 'containers/Accounts/AccountsViewsTabs';
@@ -11,7 +10,6 @@ import AccountsActionsBar from 'containers/Accounts/AccountsActionsBar';
 import AccountsAlerts from './AccountsAlerts';
 import AccountsDataTable from './AccountsDataTable';
 
-import withDashboardActions from 'containers/Dashboard/withDashboardActions';
 import withAccounts from 'containers/Accounts/withAccounts';
 
 import { transformTableStateToQuery, compose } from 'utils';
@@ -20,18 +18,9 @@ import { transformTableStateToQuery, compose } from 'utils';
  * Accounts chart list.
  */
 function AccountsChart({
-  // #withDashboardActions
-  changePageTitle,
-
   // #withAccounts
   accountsTableState,
 }) {
-  const { formatMessage } = useIntl();
-
-  useEffect(() => {
-    changePageTitle(formatMessage({ id: 'chart_of_accounts' }));
-  }, [changePageTitle, formatMessage]);
-
   return (
     <AccountsChartProvider
       query={transformTableStateToQuery(accountsTableState)}
@@ -40,7 +29,10 @@ function AccountsChart({
 
       <DashboardPageContent>
         <AccountsViewsTabs />
-        <AccountsDataTable />
+
+        <DashboardContentTable>
+          <AccountsDataTable />
+        </DashboardContentTable>
       </DashboardPageContent>
 
       <AccountsAlerts />
@@ -49,6 +41,5 @@ function AccountsChart({
 }
 
 export default compose(
-  withDashboardActions,
   withAccounts(({ accountsTableState }) => ({ accountsTableState })),
 )(AccountsChart);