diff --git a/pages/contracts/baseMinter/instantiate.tsx b/pages/contracts/baseMinter/instantiate.tsx index 8f54656..6d44bbd 100644 --- a/pages/contracts/baseMinter/instantiate.tsx +++ b/pages/contracts/baseMinter/instantiate.tsx @@ -17,7 +17,7 @@ import { useWallet } from 'contexts/wallet' import type { NextPage } from 'next' import { NextSeo } from 'next-seo' import type { FormEvent } from 'react' -import { useState } from 'react' +import { useEffect, useState } from 'react' import { toast } from 'react-hot-toast' import { FaAsterisk } from 'react-icons/fa' import { useMutation } from 'react-query' @@ -27,6 +27,7 @@ import { links } from 'utils/links' import type { CreateBaseMinterResponse } from '../../../contracts/baseFactory/contract' import { SG721_CODE_ID } from '../../../utils/constants' +import { resolveAddress } from '../../../utils/resolveAddress' const BaseMinterInstantiatePage: NextPage = () => { const wallet = useWallet() @@ -34,6 +35,7 @@ const BaseMinterInstantiatePage: NextPage = () => { const [timestamp, setTimestamp] = useState() const [explicit, setExplicit] = useState(false) + const [resolvedCreatorAddress, setResolvedCreatorAddress] = useState() const nameState = useInputState({ id: 'name', @@ -161,6 +163,18 @@ const BaseMinterInstantiatePage: NextPage = () => { const txHash = data?.transactionHash + useEffect(() => { + void resolveAddress(creatorState.value, wallet).then((resolvedAddress) => { + creatorState.onChange(resolvedAddress) + }) + }, [creatorState.value]) + + useEffect(() => { + void resolveAddress(royaltyPaymentAddressState.value, wallet).then((resolvedAddress) => { + royaltyPaymentAddressState.onChange(resolvedAddress) + }) + }, [royaltyPaymentAddressState.value]) + return (