diff --git a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInDialogProvider.tsx b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInDialogProvider.tsx index 3f2551b90..338bcf045 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInDialogProvider.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInDialogProvider.tsx @@ -27,7 +27,7 @@ function MoneyInDialogProvider({ const isBranchFeatureCan = featureCan(Features.Branches); // Fetches accounts list. - const { isFetching: isAccountsLoading, data: accounts } = useAccounts(); + const { isLoading: isAccountsLoading, data: accounts } = useAccounts(); // Fetches the specific account details. const { data: account, isLoading: isAccountLoading } = useAccount(accountId, { @@ -54,7 +54,7 @@ function MoneyInDialogProvider({ // Submit payload. const [submitPayload, setSubmitPayload] = React.useState({}); - // provider. + // Provider data. const provider = { accounts, account, @@ -73,15 +73,15 @@ function MoneyInDialogProvider({ setSubmitPayload, }; + const isLoading = + isAccountsLoading || + isCashFlowAccountsLoading || + isBranchesLoading || + isSettingsLoading || + isAccountLoading; + return ( - + ); diff --git a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutDialogProvider.tsx b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutDialogProvider.tsx index cafe69a77..357eb354c 100644 --- a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutDialogProvider.tsx +++ b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/MoneyOutDialogProvider.tsx @@ -50,7 +50,7 @@ function MoneyOutProvider({ accountId, accountType, dialogName, ...props }) { // Submit payload. const [submitPayload, setSubmitPayload] = React.useState({}); - // provider. + // Provider data. const provider = { accounts, account, @@ -69,15 +69,15 @@ function MoneyOutProvider({ accountId, accountType, dialogName, ...props }) { setSubmitPayload, }; + const isLoading = + isAccountsLoading || + isCashFlowAccountsLoading || + isBranchesLoading || + isSettingsLoading || + isAccountLoading; + return ( - + );