fix: toggle display filter drawer of financial statements.

2026-02-17 13:20:31 +00:00 · 2021-02-22 15:38:17 +02:00
parent 1e3b8df702
commit 2750d64fac
49 changed files with 716 additions and 1075 deletions
--- a/client/src/containers/FinancialStatements/GeneralLedger/components.js
+++ b/client/src/containers/FinancialStatements/GeneralLedger/components.js
@@ -0,0 +1,101 @@
+import React from 'react';
+import { useIntl } from 'react-intl';
+import { getForceWidth, getColumnWidth } from 'utils';
+import { useGeneralLedgerContext } from './GeneralLedgerProvider';
+
+/**
+ * Retrieve the general ledger table columns.
+ */
+export function useGeneralLedgerTableColumns() {
+  const { formatMessage } = useIntl();
+
+  // General ledger context.
+  const {
+    generalLedger: { tableRows },
+  } = useGeneralLedgerContext();
+
+  return React.useMemo(
+    () => [
+      {
+        Header: formatMessage({ id: 'date' }),
+        accessor: (row) => {
+          if (row.rowType === 'ACCOUNT_ROW') {
+            return (
+              <span
+                className={'force-width'}
+                style={{ minWidth: getForceWidth(row.date) }}
+              >
+                {row.date}
+              </span>
+            );
+          }
+          return row.date;
+        },
+        className: 'date',
+        width: 120,
+      },
+      {
+        Header: formatMessage({ id: 'account_name' }),
+        accessor: 'name',
+        className: 'name',
+        textOverview: true,
+        // width: 200,
+      },
+      {
+        Header: formatMessage({ id: 'transaction_type' }),
+        accessor: 'reference_type_formatted',
+        className: 'transaction_type',
+        width: 125,
+      },
+      {
+        Header: formatMessage({ id: 'transaction_number' }),
+        accessor: 'reference_id',
+        className: 'transaction_number',
+        width: 100,
+      },
+      {
+        Header: formatMessage({ id: 'description' }),
+        accessor: 'note',
+        className: 'description',
+        // width: 145,
+      },
+      {
+        Header: formatMessage({ id: 'credit' }),
+        accessor: 'formatted_credit',
+        className: 'credit',
+        width: getColumnWidth(tableRows, 'formatted_credit', {
+          minWidth: 100,
+          magicSpacing: 10,
+        }),
+      },
+      {
+        Header: formatMessage({ id: 'debit' }),
+        accessor: 'formatted_debit',
+        className: 'debit',
+        width: getColumnWidth(tableRows, 'formatted_debit', {
+          minWidth: 100,
+          magicSpacing: 10,
+        }),
+      },
+      {
+        Header: formatMessage({ id: 'amount' }),
+        accessor: 'formatted_amount',
+        className: 'amount',
+        width: getColumnWidth(tableRows, 'formatted_amount', {
+          minWidth: 100,
+          magicSpacing: 10,
+        }),
+      },
+      {
+        Header: formatMessage({ id: 'running_balance' }),
+        accessor: 'formatted_running_balance',
+        className: 'running_balance',
+        width: getColumnWidth(tableRows, 'formatted_running_balance', {
+          minWidth: 100,
+          magicSpacing: 10,
+        }),
+      },
+    ],
+    [formatMessage, tableRows],
+  );
+}