diff --git a/src/shared/claim-button-erc1155.tsx b/src/shared/claim-button-erc1155.tsx index aae17be..e2f0532 100644 --- a/src/shared/claim-button-erc1155.tsx +++ b/src/shared/claim-button-erc1155.tsx @@ -15,6 +15,7 @@ import { import { useActiveClaimCondition, useAddress, + useClaimConditions, useClaimIneligibilityReasons, useTotalCirculatingSupply, Web3Button, @@ -45,6 +46,7 @@ export const ERC1155ClaimButton: React.FC = ({ const debouncedQuantity = useDebounce(quantity, 500); + const claimConditions = useClaimConditions(contract); const activeClaimCondition = useActiveClaimCondition(contract, tokenId); const claimIneligibilityReasons = useClaimIneligibilityReasons( @@ -234,7 +236,10 @@ export const ERC1155ClaimButton: React.FC = ({ const colors = chakraTheme.colors; const accentColor = colors[primaryColor as keyof typeof colors][500]; - if (activeClaimCondition.isError) { + if ( + claimConditions.data?.length === 0 || + claimConditions.data?.every((cc) => cc.maxQuantity === "0") + ) { return ( This drop is not ready to be minted yet. (No claim condition set) @@ -242,6 +247,20 @@ export const ERC1155ClaimButton: React.FC = ({ ); } + if ( + (claimConditions.data && + claimConditions.data.length > 0 && + activeClaimCondition.isError) || + (activeClaimCondition.data && + activeClaimCondition.data.startTime > new Date()) + ) { + return ( + + Drop is starting soon. Please check back later. + + ); + } + return ( = ({ const debouncedQuantity = useDebounce(quantity, 500); + const claimConditions = useClaimConditions(contract); const activeClaimCondition = useActiveClaimCondition(contract); const claimIneligibilityReasons = useClaimIneligibilityReasons(contract, { quantity: debouncedQuantity, @@ -198,7 +200,10 @@ export const ERC20ClaimButton: React.FC = ({ const colors = chakraTheme.colors; const accentColor = colors[primaryColor as keyof typeof colors][500]; - if (activeClaimCondition.isError) { + if ( + claimConditions.data?.length === 0 || + claimConditions.data?.every((cc) => cc.maxQuantity === "0") + ) { return ( This drop is not ready to be minted yet. (No claim condition set) @@ -206,6 +211,20 @@ export const ERC20ClaimButton: React.FC = ({ ); } + if ( + (claimConditions.data && + claimConditions.data.length > 0 && + activeClaimCondition.isError) || + (activeClaimCondition.data && + activeClaimCondition.data.startTime > new Date()) + ) { + return ( + + Drop is starting soon. Please check back later. + + ); + } + return ( = ({ const debouncedQuantity = useDebounce(quantity, 500); + const claimConditions = useClaimConditions(contract); const activeClaimCondition = useActiveClaimCondition(contract); const claimIneligibilityReasons = useClaimIneligibilityReasons(contract, { quantity: debouncedQuantity, @@ -223,7 +225,11 @@ export const ERC721ClaimButton: React.FC = ({ const colors = chakraTheme.colors; const accentColor = colors[primaryColor as keyof typeof colors][500]; - if (activeClaimCondition.isError) { + + if ( + claimConditions.data?.length === 0 || + claimConditions.data?.every((cc) => cc.maxQuantity === "0") + ) { return ( This drop is not ready to be minted yet. (No claim condition set) @@ -231,6 +237,20 @@ export const ERC721ClaimButton: React.FC = ({ ); } + if ( + (claimConditions.data && + claimConditions.data.length > 0 && + activeClaimCondition.isError) || + (activeClaimCondition.data && + activeClaimCondition.data.startTime > new Date()) + ) { + return ( + + Drop is starting soon. Please check back later. + + ); + } + return ( 1) { - return `You are not eligible to claim ${quantity} tokens.`; + return `You are not eligible to mint ${quantity} tokens.`; } - return "You are not eligible to claim at this time."; + return "You are not eligible to mint at this time."; } return reason;