feat: Financial statements enhancement.

client/src/containers/Expenses/ExpenseDataTable.js

@@ -121,6 +121,17 @@ function ExpenseDataTable({
     [handleEditExpense, handleDeleteExpense, handlePublishExpense],
   );
 
+  const expenseAccountAccessor = (expense) => {
+    if (expense.categories.length === 1) {
+      return expense.categories[0].expense_account.name;
+    } else if (expense.categories.length > 1) {
+      const mutliCategories = expense.categories.map(category =>
+        (<div>- {category.expense_account.name}  ${ category.amount }</div>)
+      );
+      return <Tooltip content={mutliCategories}>{ '- Multi Categories -' }</Tooltip>;
+    }
+  }
+
   const columns = useMemo(
     () => [
       {
@@ -155,11 +166,10 @@ function ExpenseDataTable({
       {
         id: 'expense_account_id',
         Header: formatMessage({ id: 'expense_account' }),
-        accessor:'expense_account_id',
+        accessor: expenseAccountAccessor,
         width: 150,
         className: 'expense_account',
       },
-
       {
         id: 'publish',
         Header: formatMessage({ id: 'publish' }),