diff --git a/src/packages/v4/components/Create/components/pages/ReviewDeploy/ReviewDeployPage.tsx b/src/packages/v4/components/Create/components/pages/ReviewDeploy/ReviewDeployPage.tsx index 5c1c978a21..8fffac933a 100644 --- a/src/packages/v4/components/Create/components/pages/ReviewDeploy/ReviewDeployPage.tsx +++ b/src/packages/v4/components/Create/components/pages/ReviewDeploy/ReviewDeployPage.tsx @@ -2,6 +2,7 @@ import { Checkbox, Form } from 'antd' import { useCallback, useContext, useEffect, useMemo, useState } from 'react' import { CheckCircleFilled } from '@ant-design/icons' +import { InformationCircleIcon } from '@heroicons/react/24/outline' import { Trans } from '@lingui/macro' import { Callout } from 'components/Callout/Callout' import ExternalLink from 'components/ExternalLink' @@ -68,9 +69,7 @@ export const ReviewDeployPage = () => { const nftRewards = useAppSelector( state => state.creatingV2Project.nftRewards.rewardTiers, ) - const { - projectChainId, - } = useAppSelector(state => state.creatingV2Project) + const { projectChainId } = useAppSelector(state => state.creatingV2Project) const nftRewardsAreSet = useMemo( () => nftRewards && nftRewards?.length > 0, @@ -85,10 +84,10 @@ export const ReviewDeployPage = () => { dispatch(creatingV2ProjectActions.resetState()) }, [dispatch, goToPage, router]) - const walletConnectedToWrongChain = chain?.id && projectChainId !== parseInt(chain.id) + const walletConnectedToWrongChain = + chain?.id && projectChainId !== parseInt(chain.id) const onFinish = useCallback(async () => { - if (walletConnectedToWrongChain) { await changeNetworks(projectChainId) return @@ -177,9 +176,20 @@ export const ReviewDeployPage = () => { key={ReviewDeployKey.Rewards} collapsible={nftRewardsAreSet ? 'header' : 'disabled'} header={ -
- NFTs -
+
+
+ NFTs +
+ {/* TODO: Only show this when there is multiple chains selected */} + + } + > + NFTs will be deployed across all selected chains + +
} >