refactoring: account form.

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

client/src/containers/Expenses/ExpensesLanding/ExpensesList.js

@@ -1,16 +1,14 @@
-import React, { useEffect } from 'react';
-import { useIntl } from 'react-intl';
+import React from 'react';
 
 import 'style/pages/Expense/List.scss';
 
-import DashboardPageContent from 'components/Dashboard/DashboardPageContent';
+import { DashboardContentTable, DashboardPageContent } from 'components';
 
 import ExpenseActionsBar from './ExpenseActionsBar';
 import ExpenseViewTabs from './ExpenseViewTabs';
 import ExpenseDataTable from './ExpenseDataTable';
 import ExpensesAlerts from '../ExpensesAlerts';
 
-import withDashboardActions from 'containers/Dashboard/withDashboardActions';
 import withExpenses from './withExpenses';
 
 import { compose, transformTableStateToQuery } from 'utils';
@@ -20,19 +18,9 @@ import { ExpensesListProvider } from './ExpensesListProvider';
  * Expenses list.
  */
 function ExpensesList({
-  // #withDashboardActions
-  changePageTitle,
-
   // #withExpenses
   expensesTableState,
 }) {
-  const { formatMessage } = useIntl();
-
-  // Changes the page title once the page mount.
-  useEffect(() => {
-    changePageTitle(formatMessage({ id: 'expenses_list' }));
-  }, [changePageTitle, formatMessage]);
-
   return (
     <ExpensesListProvider
       query={transformTableStateToQuery(expensesTableState)}
@@ -41,7 +29,10 @@ function ExpensesList({
 
       <DashboardPageContent>
         <ExpenseViewTabs />
-        <ExpenseDataTable />
+
+        <DashboardContentTable>
+          <ExpenseDataTable />
+        </DashboardContentTable>
       </DashboardPageContent>
 
       <ExpensesAlerts />
@@ -50,6 +41,5 @@ function ExpensesList({
 }
 
 export default compose(
-  withDashboardActions,
   withExpenses(({ expensesTableState }) => ({ expensesTableState })),
 )(ExpensesList);