Distribution tool - confirmation modals

[exezbcz]

• please work on this after Distribution tool v1 / Admin panel #7109 is done

Basics

• updated in figma handoff file: page admin panel, You will find it at the end of every flow
  
• Fee breakdown is taken from Confirmation modal for minting and small things  #7169
• There are 4 types of modals
• existing collection
  • Create drop page
  • airdrop
• create new
  • Create drop page
  • airdrop

Modal styles

• Implement a context message displaying the connected wallet.
• Insert a bold heading indicating the user's selection from the first part of the distribution (Your Collection).
  • If Select Existing Collection was chosen:
    • Display rows with existing collection's name and profile picture.
  • If 'Create New' was chosen:
    • Display rows with new collection's name, profile picture, and naming (item names +#n).
• Show the selected distribution mode part.
  • If Creating Drop Page was chosen:
    • Populate data in the rows for:
      1. Price per item
      2. Supply
      3. Date
      4. Permission (public, holders of, or whitelist)
  • If Airdrop is selected:
    • Display a row named Items to Drop.
    • distribution (Public/Holder of/Whitelist).
• Insert the previously discussed fee breakdown section below it.
• Explicit confirmation with a check
• Finally cta button

Cta button

• This button changes based on:
  • not enough funds
    • button is disabled, with a change to the button label - (Not enough “asset” on “network”)
    • A small copy is added under
  • check box not active
    • Just button disabled, not changing the label

When the confirm is not checked and you don't have enough funds for the transaction, the button changes the label to the not enough funds one. You get informed early you don't have enough funds

Signing

• In case of the need to sign more than one transaction, there will be this additional copy:
  

---

Let me know if you have any questions, thanks!