BIG-53: fix customers/vendors transactions and inventory item details report loading bar.

This commit is contained in:
a.bouhuolia
2021-09-13 13:53:34 +02:00
parent 143e15e7ce
commit 315b27ffe5
3 changed files with 10 additions and 10 deletions

View File

@@ -3,8 +3,7 @@ import intl from 'react-intl-universal';
import { If } from 'components';
import { useCustomersTransactionsContext } from './CustomersTransactionsProvider';
import FinancialLoadingBar from '../FinancialLoadingBar';
import { getForceWidth, defaultExpanderReducer, getColumnWidth } from 'utils';
import { CellTextSpan } from 'components/Datatable/Cells';
import { getForceWidth, getColumnWidth } from 'utils';
/**
* Retrieve customers transactions columns.
@@ -90,10 +89,10 @@ export const useCustomersTransactionsColumns = () => {
* customers transactions loading bar.
*/
export function CustomersTransactionsLoadingBar() {
const { isCustomersTransactionsLoading } = useCustomersTransactionsContext();
const { isCustomersTransactionsFetching } = useCustomersTransactionsContext();
return (
<If condition={isCustomersTransactionsLoading}>
<If condition={isCustomersTransactionsFetching}>
<FinancialLoadingBar />
</If>
);

View File

@@ -25,9 +25,10 @@ export const useInventoryItemDetailsColumns = () => {
* inventory item details loading bar.
*/
export function InventoryItemDetailsLoadingBar() {
const { isInventoryItemDetailsLoading } = useInventoryItemDetailsContext();
const { isInventoryItemDetailsFetching } = useInventoryItemDetailsContext();
return (
<If condition={isInventoryItemDetailsLoading}>
<If condition={isInventoryItemDetailsFetching}>
<FinancialLoadingBar />
</If>
);

View File

@@ -3,8 +3,7 @@ import intl from 'react-intl-universal';
import { If } from 'components';
import { useVendorsTransactionsContext } from './VendorsTransactionsProvider';
import FinancialLoadingBar from '../FinancialLoadingBar';
import { defaultExpanderReducer, getColumnWidth, getForceWidth } from 'utils';
import { CellTextSpan } from 'components/Datatable/Cells';
import { getColumnWidth, getForceWidth } from 'utils';
/**
* Retrieve vendors transactions columns.
@@ -90,9 +89,10 @@ export const useVendorsTransactionsColumns = () => {
* vendors transactions loading bar.
*/
export function VendorsTransactionsLoadingBar() {
const { isVendorsTransactionsLoading } = useVendorsTransactionsContext();
const { isVendorsTransactionFetching } = useVendorsTransactionsContext();
return (
<If condition={isVendorsTransactionsLoading}>
<If condition={isVendorsTransactionFetching}>
<FinancialLoadingBar />
</If>
);