QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-22 15:50:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/containers/FinancialStatements/CustomersTransactions/components.js
View File

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

5
client/src/containers/FinancialStatements/InventoryItemDetails/components.js
View File

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

8
client/src/containers/FinancialStatements/VendorsTransactions/components.js
View File

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