diff --git a/src/components/PaymentModal.tsx b/src/components/PaymentModal.tsx index 3d6b265..496f06c 100644 --- a/src/components/PaymentModal.tsx +++ b/src/components/PaymentModal.tsx @@ -50,7 +50,7 @@ export default function PaymentModal({ // Fetch payment amount based on USD price for both payment methods useEffect(() => { - if (!isOpen || deploymentCost === null || !paymentMethod) return; + if (!isOpen || !deploymentCost || !paymentMethod) return; const fetchPaymentAmount = async () => { setLoadingPrice(true); @@ -86,7 +86,7 @@ export default function PaymentModal({ useEffect(() => { if (isOpen) { setError(''); - setTokenAmount(-1); + setTokenAmount(0); } }, [isOpen]); @@ -95,7 +95,7 @@ export default function PaymentModal({ return; } - if (tokenAmount === -1 || loadingPrice) { + if (tokenAmount === 0 || loadingPrice) { setError('Payment amount not ready. Please wait.'); return; } @@ -192,7 +192,7 @@ export default function PaymentModal({
=> { const deploymentCostAlnt = parseFloat(deploymentCostRecord.amount); // ALNT required // Calculate deployment cost in USD: (ALNT required) * (USD per ALNT) - const deploymentCostUsd = deploymentCostAlnt * alntPriceUsd; - - // Return with 6 decimal precision - return parseFloat(deploymentCostUsd.toFixed(2)); + return deploymentCostAlnt * alntPriceUsd; }