diff --git a/web/src/pages/MyTransactions/TransactionDetails/PreviewCardButtons/RaiseDisputeButton.tsx b/web/src/pages/MyTransactions/TransactionDetails/PreviewCardButtons/RaiseDisputeButton.tsx index f60ac00..f85758e 100644 --- a/web/src/pages/MyTransactions/TransactionDetails/PreviewCardButtons/RaiseDisputeButton.tsx +++ b/web/src/pages/MyTransactions/TransactionDetails/PreviewCardButtons/RaiseDisputeButton.tsx @@ -26,15 +26,23 @@ const RaiseDisputeButton: React.FC = ({ toggleModal, button const isBuyer = useMemo(() => address?.toLowerCase() === buyer?.toLowerCase(), [address, buyer]); const refetchQuery = useQueryRefetch(); - const { data: payArbitrationFeeByBuyerConfig } = useSimulateEscrowUniversalPayArbitrationFeeByBuyer({ - args: [BigInt(id)], - value: arbitrationCost, - }); + const { data: payArbitrationFeeByBuyerConfig, isLoading: isPreparingBuyerConfig } = + useSimulateEscrowUniversalPayArbitrationFeeByBuyer({ + query: { + enabled: isBuyer, + }, + args: [BigInt(id)], + value: arbitrationCost, + }); - const { data: payArbitrationFeeBySellerConfig } = useSimulateEscrowUniversalPayArbitrationFeeBySeller({ - args: [BigInt(id)], - value: arbitrationCost, - }); + const { data: payArbitrationFeeBySellerConfig, isLoading: isPreparingSellerConfig } = + useSimulateEscrowUniversalPayArbitrationFeeBySeller({ + query: { + enabled: !isBuyer, + }, + args: [BigInt(id)], + value: arbitrationCost, + }); const { writeContractAsync: payArbitrationFeeByBuyer } = useWriteEscrowUniversalPayArbitrationFeeByBuyer(payArbitrationFeeByBuyerConfig); @@ -76,7 +84,14 @@ const RaiseDisputeButton: React.FC = ({ toggleModal, button } }; - return