Update Mint Rule: By Minter badge creation summary

This commit is contained in:
Serkan Reis 2023-02-27 18:33:57 +03:00
parent 57e16dfa8b
commit d30760e642

View File

@ -149,7 +149,7 @@ const BadgeCreationPage: NextPage = () => {
}
: mintRule === 'by_minter'
? {
by_minter: designatedMinterState.value,
by_minter: designatedMinterState.value.trim(),
}
: {
by_keys: [keyState.value],
@ -284,6 +284,7 @@ const BadgeCreationPage: NextPage = () => {
</div>
<div className="mx-10" ref={scrollRef}>
<Conditional test={badgeId !== null}>
<Conditional test={mintRule === 'by_key'}>
<Alert className="mt-5" type="info">
<div className="flex flex-row">
<div>
@ -368,13 +369,63 @@ const BadgeCreationPage: NextPage = () => {
</span>
</div>
<br />
<span className="mt-4">You may download the QR code or copy the claim URL to share with others.</span>
<span className="mt-4">
You may download the QR code or copy the claim URL to share with others.
</span>
</div>
<br />
</div>
</div>
</Alert>
</Conditional>
<Conditional test={mintRule === 'by_minter'}>
<Alert className="mt-5" type="info">
<div className="ml-4 text-lg">
Badge ID:{` ${badgeId as string}`}
<br />
Designated Minter Address: {` ${designatedMinterState.value}`}
<br />
Transaction Hash: {' '}
<Conditional test={NETWORK === 'testnet'}>
<Anchor
className="text-stargaze hover:underline"
external
href={`${BLOCK_EXPLORER_URL}/tx/${transactionHash as string}`}
>
{transactionHash}
</Anchor>
</Conditional>
<Conditional test={NETWORK === 'mainnet'}>
<Anchor
className="text-stargaze hover:underline"
external
href={`${BLOCK_EXPLORER_URL}/txs/${transactionHash as string}`}
>
{transactionHash}
</Anchor>
</Conditional>
<br />
<div className="text-base">
<div className="flex-row pt-4 mt-4 border-t-2">
<span>
You may click{' '}
<Anchor
className="text-stargaze hover:underline"
external
href={`/badges/actions/?badgeHubContractAddress=${BADGE_HUB_ADDRESS}&badgeId=${
badgeId as string
}`}
>
here
</Anchor>{' '}
and select Actions {'>'} Mint By Minter to mint a badge.
</span>
</div>
</div>
</div>
</Alert>
</Conditional>
</Conditional>
</div>
<div>