fix(FinancialReport): BIG-205 Financial reports missing border final border bottom.

This commit is contained in:
a.bouhuolia
2022-01-02 17:24:35 +02:00
parent aba732724b
commit ecda9296b8
7 changed files with 107 additions and 57 deletions

View File

@@ -1,13 +1,12 @@
import React, { useMemo, useCallback } from 'react';
import React, { useMemo } from 'react';
import intl from 'react-intl-universal';
import classNames from 'classnames';
import FinancialSheet from 'components/FinancialSheet';
import DataTable from 'components/DataTable';
import { useCustomersTransactionsColumns } from './components';
import { useCustomersTransactionsContext } from './CustomersTransactionsProvider';
import { defaultExpanderReducer, getColumnWidth } from 'utils';
import { defaultExpanderReducer } from 'utils';
/**
* Customers transactions table.
@@ -16,19 +15,20 @@ export default function CustomersTransactionsTable({
// #ownProps
companyName,
}) {
// Customers transactions context.
const {
customersTransactions: { tableRows },
isCustomersTransactionsLoading,
query,
} = useCustomersTransactionsContext();
// Customers transactions table columns.
const columns = useCustomersTransactionsColumns();
const expandedRows = useMemo(() => defaultExpanderReducer(tableRows, 4), [
tableRows,
]);
const expandedRows = useMemo(
() => defaultExpanderReducer(tableRows, 4),
[tableRows],
);
const rowClassNames = (row) => {
return [`row-type--${row.original.row_types}`];

View File

@@ -18,6 +18,7 @@ const columnsMapper = (data, index, column) => ({
magicSpacing: 10,
}),
disableSortBy: true,
textOverview: true,
});
/**

View File

@@ -1,13 +1,12 @@
import React, { useMemo, useCallback } from 'react';
import React, { useMemo } from 'react';
import intl from 'react-intl-universal';
import classNames from 'classnames';
import FinancialSheet from 'components/FinancialSheet';
import DataTable from 'components/DataTable';
import { useVendorsTransactionsColumns } from './components';
import { useVendorsTransactionsContext } from './VendorsTransactionsProvider';
import { defaultExpanderReducer, getColumnWidth } from 'utils';
import { defaultExpanderReducer } from 'utils';
/**
* Vendors transactions table.
@@ -17,19 +16,20 @@ export default function VendorsTransactionsTable({
// #ownProps
companyName,
}) {
// Vendor transactions context.
const {
vendorsTransactions: { tableRows },
isVendorsTransactionsLoading,
query,
} = useVendorsTransactionsContext();
// Retireve vendor transactions table columns.
const columns = useVendorsTransactionsColumns();
const expandedRows = useMemo(() => defaultExpanderReducer(tableRows, 5), [
tableRows,
]);
const expandedRows = useMemo(
() => defaultExpanderReducer(tableRows, 5),
[tableRows],
);
const rowClassNames = (row) => {
return [`row-type--${row.original.row_types}`];