diff --git a/packages/frontend/src/components/projects/create/Configure.tsx b/packages/frontend/src/components/projects/create/Configure.tsx index 57bb6bdd..76848d8c 100644 --- a/packages/frontend/src/components/projects/create/Configure.tsx +++ b/packages/frontend/src/components/projects/create/Configure.tsx @@ -27,7 +27,7 @@ import { VITE_LACONICD_CHAIN_ID, VITE_WALLET_IFRAME_URL, } from 'utils/constants'; -import useCheckBalance from '../../../hooks/useFetchBalance'; +import useCheckBalance from '../../../hooks/useCheckBalance'; type ConfigureDeploymentFormValues = { option: string; diff --git a/packages/frontend/src/components/projects/create/IFrameModal.tsx b/packages/frontend/src/components/projects/create/IFrameModal.tsx index c939c551..f508f922 100644 --- a/packages/frontend/src/components/projects/create/IFrameModal.tsx +++ b/packages/frontend/src/components/projects/create/IFrameModal.tsx @@ -23,7 +23,10 @@ const IFrameModal = ({ if (event.data.type === 'WALLET_ACCOUNTS_DATA') { setIsDataReceived(true); - if (event.data.data.length === 0) return; + if (event.data.data.length === 0) { + console.error(`Accounts not present for chainId: ${VITE_LACONICD_CHAIN_ID}`); + return; + } setAccount(event.data.data[0].address); } else if (event.data.type === 'ERROR') { diff --git a/packages/frontend/src/components/shared/auth/AutoSignInIFrameModal.tsx b/packages/frontend/src/components/shared/auth/AutoSignInIFrameModal.tsx index 456f1d04..0a6e0274 100644 --- a/packages/frontend/src/components/shared/auth/AutoSignInIFrameModal.tsx +++ b/packages/frontend/src/components/shared/auth/AutoSignInIFrameModal.tsx @@ -19,7 +19,7 @@ const axiosInstance = axios.create({ const AutoSignInIFrameModal = () => { const navigate = useNavigate(); - const [address, setAddress] = useState(); + const [accountAddress, setAccountAddress] = useState(); useEffect(() => { const handleSignInResponse = async (event: MessageEvent) => { @@ -52,7 +52,7 @@ const AutoSignInIFrameModal = () => { useEffect(() => { const initiateAutoSignIn = async () => { - if (!address) return; + if (!accountAddress) return; const iframe = document.getElementById( 'autoSignInFrame', @@ -68,7 +68,7 @@ const AutoSignInIFrameModal = () => { domain: window.location.host, uri: window.location.origin, chainId: 1, - address, + address: accountAddress, nonce: generateNonce(), // Human-readable ASCII assertion that the user will sign, and it must not contain `\n`. statement: 'Sign in With Ethereum.', @@ -85,14 +85,14 @@ const AutoSignInIFrameModal = () => { }; initiateAutoSignIn(); - }, [address]); + }, [accountAddress]); useEffect(() => { const handleAccountsDataResponse = async (event: MessageEvent) => { if (event.origin !== VITE_WALLET_IFRAME_URL) return; if (event.data.type === 'WALLET_ACCOUNTS_DATA') { - setAddress(event.data.data[0].address); + setAccountAddress(event.data.data[0].address); } }; diff --git a/packages/frontend/src/hooks/useFetchBalance.tsx b/packages/frontend/src/hooks/useCheckBalance.tsx similarity index 100% rename from packages/frontend/src/hooks/useFetchBalance.tsx rename to packages/frontend/src/hooks/useCheckBalance.tsx diff --git a/packages/frontend/src/pages/BuyPrepaidService.tsx b/packages/frontend/src/pages/BuyPrepaidService.tsx index a09a7792..5635b965 100644 --- a/packages/frontend/src/pages/BuyPrepaidService.tsx +++ b/packages/frontend/src/pages/BuyPrepaidService.tsx @@ -4,7 +4,7 @@ import { useMediaQuery } from 'usehooks-ts'; import { Button } from 'components/shared'; import CheckBalanceIframe from 'components/projects/create/CheckBalanceIframe'; -import useCheckBalance from '../hooks/useFetchBalance'; +import useCheckBalance from '../hooks/useCheckBalance'; const BuyPrepaidService = () => { const navigate = useNavigate(); diff --git a/packages/frontend/src/pages/org-slug/index.tsx b/packages/frontend/src/pages/org-slug/index.tsx index cb620219..ae4be33f 100644 --- a/packages/frontend/src/pages/org-slug/index.tsx +++ b/packages/frontend/src/pages/org-slug/index.tsx @@ -6,7 +6,7 @@ import { Heading, Badge, Button } from 'components/shared'; import { PlusIcon } from 'components/shared/CustomIcon'; import { useGQLClient } from 'context/GQLClientContext'; import { Project } from 'gql-client'; -import useCheckBalance from '../../hooks/useFetchBalance'; +import useCheckBalance from '../../hooks/useCheckBalance'; import CheckBalanceIframe from 'components/projects/create/CheckBalanceIframe'; const Projects = () => {