diff --git a/pages/collections/actions.tsx b/pages/collections/actions.tsx index e2fcd99..8757da5 100644 --- a/pages/collections/actions.tsx +++ b/pages/collections/actions.tsx @@ -6,8 +6,9 @@ import { useInputState } from 'components/forms/FormInput.hooks' import { useContracts } from 'contexts/contracts' import { useWallet } from 'contexts/wallet' import type { NextPage } from 'next' +import { useRouter } from 'next/router' import { NextSeo } from 'next-seo' -import { useMemo, useState } from 'react' +import { useEffect, useMemo, useState } from 'react' import { withMetadata } from 'utils/layout' import { links } from 'utils/links' @@ -40,6 +41,31 @@ const CollectionActionsPage: NextPage = () => { [sg721Contract, sg721ContractState.value], ) + const sg721ContractAddress = sg721ContractState.value + const minterContractAddress = minterContractState.value + + const router = useRouter() + + useEffect(() => { + if (minterContractAddress.length > 0 && sg721ContractAddress.length === 0) { + void router.replace({ query: { minterContractAddress } }) + } + if (sg721ContractAddress.length > 0 && minterContractAddress.length === 0) { + void router.replace({ query: { sg721ContractAddress } }) + } + if (sg721ContractAddress.length > 0 && minterContractAddress.length > 0) { + void router.replace({ query: { sg721ContractAddress, minterContractAddress } }) + } + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [sg721ContractAddress, minterContractAddress]) + + useEffect(() => { + const initialMinter = new URL(document.URL).searchParams.get('minterContractAddress') + const initialSg721 = new URL(document.URL).searchParams.get('sg721ContractAddress') + if (initialMinter && initialMinter.length > 0) minterContractState.onChange(initialMinter) + if (initialSg721 && initialSg721.length > 0) sg721ContractState.onChange(initialSg721) + }, []) + return (
@@ -58,25 +84,6 @@ const CollectionActionsPage: NextPage = () => {
- { - setAction(true) - }} - type="radio" - value="true" - /> - -
-
{ Queries
+
+ { + setAction(true) + }} + type="radio" + value="true" + /> + +
{(action && (