cerc-io/snowballtools-base
11
0
Fork 3
Code Issues 11 Pull Requests 3 Actions Packages Projects Releases Wiki Activity

Update check for displaying deploy button

Browse Source
This commit is contained in:
IshaVenikar 2025-02-11 12:06:26 +05:30
parent 8e8aec1442
commit ffa23fc874
2 changed files with 28 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
packages/frontend/src/components/projects/create/Configure.tsx
View File

@ -422,7 +422,7 @@ const Configure = () => {
}, []); }, []);
useEffect(() => { useEffect(() => {
if(isAccountsDataReceived) { if (isAccountsDataReceived) {
checkBalance(); checkBalance();
} }
}, [amountToBePaid, selectedAccount, selectedDeployer, isAccountsDataReceived]); }, [amountToBePaid, selectedAccount, selectedDeployer, isAccountsDataReceived]);
@ -589,31 +589,29 @@ const Configure = () => {
</div> </div>
) : ( ) : (
<div className="flex gap-4"> <div className="flex gap-4">
{selectedAccount && ( <Button
<Button {...buttonSize}
{...buttonSize} type="submit"
type="submit" shape="default"
shape="default" disabled={
disabled={ isLoading || isPaymentLoading || !selectedAccount || !isBalanceSufficient
isLoading || isPaymentLoading || !selectedAccount || !isBalanceSufficient }
} rightIcon={
rightIcon={ isLoading || isPaymentLoading ? (
isLoading || isPaymentLoading ? ( <LoadingIcon className="animate-spin" />
<LoadingIcon className="animate-spin" /> ) : (
) : ( <ArrowRightCircleFilledIcon />
<ArrowRightCircleFilledIcon /> )
) }
} >
> {!isPaymentDone
{!isPaymentDone ? isPaymentLoading
? isPaymentLoading ? 'Transaction Requested'
? 'Transaction Requested' : 'Pay and Deploy'
: 'Pay and Deploy' : isLoading
: isLoading ? 'Deploying'
? 'Deploying' : 'Deploy'}
: 'Deploy'} </Button>
</Button>
)}
{isAccountsDataReceived && isBalanceSufficient !== undefined ? ( {isAccountsDataReceived && isBalanceSufficient !== undefined ? (
(!selectedAccount || !isBalanceSufficient) ? ( (!selectedAccount || !isBalanceSufficient) ? (

9
packages/frontend/src/hooks/useFetchBalance.tsx
View File

@ -3,9 +3,7 @@ import { useState, useEffect, useCallback } from 'react';
import { VITE_LACONICD_CHAIN_ID } from 'utils/constants'; import { VITE_LACONICD_CHAIN_ID } from 'utils/constants';
const useCheckBalance = (amount: string, iframeId: string) => { const useCheckBalance = (amount: string, iframeId: string) => {
const [isBalanceSufficient, setIsBalanceSufficient] = useState<boolean | undefined>(undefined); const [isBalanceSufficient, setIsBalanceSufficient] = useState<boolean>();
const chainId = VITE_LACONICD_CHAIN_ID;
const checkBalance = useCallback(() => { const checkBalance = useCallback(() => {
const iframe = document.getElementById(iframeId) as HTMLIFrameElement; const iframe = document.getElementById(iframeId) as HTMLIFrameElement;
@ -18,16 +16,17 @@ const useCheckBalance = (amount: string, iframeId: string) => {
iframe.contentWindow.postMessage( iframe.contentWindow.postMessage(
{ {
type: 'CHECK_BALANCE', type: 'CHECK_BALANCE',
chainId, chainId: VITE_LACONICD_CHAIN_ID,
amount, amount,
}, },
import.meta.env.VITE_WALLET_IFRAME_URL import.meta.env.VITE_WALLET_IFRAME_URL
); );
}, [iframeId, chainId, amount]); }, [iframeId, amount]);
useEffect(() => { useEffect(() => {
const handleMessage = (event: MessageEvent) => { const handleMessage = (event: MessageEvent) => {
if (event.origin !== import.meta.env.VITE_WALLET_IFRAME_URL) return; if (event.origin !== import.meta.env.VITE_WALLET_IFRAME_URL) return;
if (event.data.type !== 'IS_SUFFICIENT') return; if (event.data.type !== 'IS_SUFFICIENT') return;
setIsBalanceSufficient(event.data.data); setIsBalanceSufficient(event.data.data);