feat: expense drawer.

client/src/containers/Drawers/ExpenseDrawer/ExpenseDrawerTable.js

@@ -0,0 +1,40 @@
+import React from 'react';
+
+import { formatMessage } from 'services/intl';
+import { DataTable, Money } from 'components';
+
+/**
+ * Expense details table.
+ */
+export default function ExpenseDrawerTable({
+  expense: { currency_code, categories },
+}) {
+  const columns = React.useMemo(
+    () => [
+      {
+        Header: formatMessage({ id: 'Expense account' }),
+        accessor: 'expense_account.name',
+        width: 110,
+      },
+      {
+        Header: formatMessage({ id: 'Amount' }),
+        accessor: ({ amount }) => (
+          <Money amount={amount} currency={currency_code} />
+        ),
+        width: 100,
+      },
+      {
+        Header: formatMessage({ id: 'description' }),
+        accessor: 'description',
+        width: 110,
+      },
+    ],
+    [],
+  );
+
+  return (
+    <div className="expense-drawer__content--table">
+      <DataTable columns={columns} data={categories} />
+    </div>
+  );
+}