diff --git a/packages/react/src/modules/finance/tiered-sales/components/TieredSalesMintStatusBar.tsx b/packages/react/src/modules/finance/tiered-sales/components/TieredSalesMintStatusBar.tsx index 151bfa96..b047918c 100644 --- a/packages/react/src/modules/finance/tiered-sales/components/TieredSalesMintStatusBar.tsx +++ b/packages/react/src/modules/finance/tiered-sales/components/TieredSalesMintStatusBar.tsx @@ -46,39 +46,35 @@ export const TieredSalesMintStatusBar = ({ className }: Props) => { ) ) : isConnected ? ( <> - {mintLoading && ( + {mintLoading ? (
{' '} {mintReceipt || mintResponse ? 'Minting...' : 'In progress...'}
- )} + ) : allowanceLoading ? ( +
+ Checking allowance... +
+ ) : approveLoading ? ( +
+ + {mintReceipt || mintResponse + ? 'Approving...' + : 'Approve in your wallet...'} +
+ ) : mintReceipt || mintResponse ? ( + + ) : approveReceipt || approveResponse ? ( + + ) : null} - {allowanceLoading && ( -
- Checking allowance... -
- )} - {approveLoading && ( -
- - {mintReceipt || mintResponse - ? 'Approving...' - : 'Approve in your wallet...'} -
- )} - {mintReceipt || mintResponse ? ( - - ) : approveReceipt || approveResponse ? ( - - ) : null} - {!mintLoading && mintError && ( )}