refactoring: account form.

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

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

@@ -107,6 +107,24 @@ export function PublishAccessor(row) {
   );
 }
 
+/**
+ * Expense account accessor.
+ */
+export function 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>
+    );
+  }
+}
+
 /**
  * Retrieve the expenses table columns.
  */
@@ -168,18 +186,3 @@ export function useExpensesTableColumns() {
     [],
   );
 }
-
-export function 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>
-    );
-  }
-}