Claim drop modals and flow

[exezbcz]

Abstract

• the flow that we have now has some bugs and does not work how I expected
• here are 2 modals - reused styles from all the modals we already have
• important is to solve the bugs that were happening with the current version
  • the major ones:
    • not disabling the mint button when you have already minted, then showing the notif that one per address limit
    • mint success notif usually closed all the modals
    • The redirect was quite random as well
• new colors from neutral color changes used

Design

updated in confirmation modals page: https://www.figma.com/file/JXNtryaNYhY0XJNArzvPQx/Handoff?type=design&node-id=1458%3A19091&mode=design&t=yg8JpK4u8LeaLaP8-1

Loading modal

• this one is new, shares some features with the loading modal
• copy, context, loading, estimate
• will probably also design error state, we can probably use a similar state as in the auto teleport - instead of trying again there will be a close.

Congrats

• this one is new, lets test this one out. My only concern is that the preview won't load in 30 seconds when the nft is getting minted, is my concern valid? cc @vikiival
• if it would work nicely, I will slowly push this style to all the congrats messages

top to bottom:

transaction

• transaction completed, then link to the block explorer, copy button - copies tx link

  Preview

• biggest part

Context text

• for the drops, this will be this
• under it is name of the nft and artist

Socials

• icons - when hovering over they change to opposite of background color (in light mode its black)
• copy link copies link to the nft

Buttons

• these are new as well, I believe its good for the flow
• you can quickly list or view the nft

list opens list modal, view nft gallery item

Drop page changes

• I would like to change the cta button copy a bit:
• "Claim NFT Now"
• it's more informative about what would happen

[hassnian]

needs #8061 to reuse this

[vikiival]

My only concern is that the preview won't load in 30 seconds when the nft is getting minted, is my concern valid? cc @vikiival

I have the data in the database so I can send them in response :). therefore you can see the art before it is on-chain

• https://github.com/kodadot/private-workers/issues/16

[exezbcz]

Can we make it till the next gen drop? 👀 Its on Friday afaik

[vikiival]

Can we make it till the next gen drop? 👀 Its on Friday afaik

Updated :)

[yangwao]

Any takers @kodadot/internal-dev ?

[yangwao]

list opens list modal,

here will be [Add Funds] options for first timers?

[exezbcz]

@yangwao add funds option is in listing modal

ref:

• https://github.com/kodadot/nft-gallery/issues/8368

[yangwao]

@hassnian if you want to take this one, can give you extra bount for this, like $$

[shashkovdanil]

@yangwao I can try to do it, do you have deadline?

[hassnian]

@hassnian if you want to take this one, can give you extra bount for this, like $$

sure

@yangwao I can try to do it, do you have deadline?

@shashkovdanil seems want to take it

@yangwao already talked with @exezbcz regarding this issue , I think I'd be great if we had a "testnet" like api for drops or a mocked api or even docs, maybe even response api in the issue description would work, but again we can't test , since those workers are private and external contributors have no way of knowing what the api returns , and developing some drop issues becomes and issue

also qa testing can't be done

cc @vikiival

edit: works for me

[shashkovdanil]

@hassnian I've already taken 8411 task

[vikiival]

I made a testing collection. Please mind that you need few addresses to test it out. Sadly I cannot disable unique address constrain from D1

[hassnian]

👋

[kodabot]

ASSIGNED - @hassnian 🔒 LOCKED -> Thursday, December 7th 2023, 15:58:02 UTC -> 36 hours