Mass listing v1

[exezbcz]

fast and furious mass listing

Main

• file updated in handoff - page mass listing: https://www.figma.com/file/JXNtryaNYhY0XJNArzvPQx/Handoff?type=design&node-id=2734%3A21138&mode=design&t=cAfJ9T7BxQH1YAEZ-1
• reuses confirmation modals, cart cards
• consists of cards, small toast with selected items, modal - that's it
• will be disabled on mobile since we don't have many UI ways how to select multiple items without overcomplicating it - thus disabled on touch devices

Design

Cards

• same states as with cart cards
• divides into two types - items without price -> list for sale popup button, items with price -> change price (if it's complicated, we can left out this part)

• Check when item is active and selected, please keep the button width between the states

Smol toast

• 16px from the desktop margins - does not blend with the cards
• item count, option to clear all, select all - select all means everything you own.
• This toast is not tab-fixed, it works basically like a small cart. It has position absolute and always shows till you close the profile
  now for what happens when you click the action button

Modal

• you are presented with a confirmation modal like modal :D

Top part

• there are two options
• Both set all the items under to the price you select
• either you select floor price, or fixed price
• percentage selectors (based on the items collection floor price)
• you have to confirm fixed price before it is applied - small button check
• floor price and the percentages need to be only clicked to be selected, no active state here, It will just updated price of all the items

Items

• item has a preview, collection name, name, and option to remove it from your listings list. There is also collection floor, if there is none, it will display "--", then there is input with currency

- input behaves like all the inputs before, same with mass mint, minting, etc. - it also has placeholder text, "price"

Bottom part

• cta button with a summary of the action
• there is an estimate of the potential earnings. It is just the total of all the listings prices
• the button is disabled till you fill out all the items, there will be also a count of items you have to fill out

Please look at all the margins and paddings

I think that is all for the mass listing. If you have any questions, feel free to tag me! 🚀

[xiiiAtCn]

👋

[kodabot]

ASSIGNED - @xiiiAtCn 🔒 LOCKED -> Sunday, August 27th 2023, 12:04:31 UTC -> 48 hours

[kodabot]

ASSIGNMENT OVER - @xiiiAtCn has been unassigned.

[yangwao]

👋

hey this is reserved for @kodadot/internal-dev team as this issue has "intern" label :)

[xiiiAtCn]

Sorry.Not notify this label.

[yangwao]

Hey, @kodadot/internal-dev, who wants to grab this one? 😄

We will then start providing small liquidity/trading experiments. 👀

[stephenjason89]

👋

[kodabot]

ASSIGNED - @stephenjason89 🔒 LOCKED -> Thursday, August 31st 2023, 12:15:45 UTC -> 72 hours

[stephenjason89]

blocked by #7016

[yangwao]

blocked by #7016

feel free raise what you have in PR and we can make it follow up

[vikiival]

blocked by #7016

Resolved in the meantime

but transaction on bsx chain should pass anyway

[stephenjason89]

@vikiival Thank you! I can confirm that it is working now.
I'll work on it tomorrow. It's midnight here 😄

[yangwao]

It's midnight here 😄

mind sleep please 👀

[kodabot]

ASSIGNMENT EXPIRED - @stephenjason89 has been unassigned.

[stephenjason89]

I'll finish this tomorrow 😄
@exezbcz Just want to confirm, change price will also add the nft to the list cart together with all the other items listed for sale correct?

[exezbcz]

@stephenjason89 select all will select only the unlisted one

• If you also select items with price, they could be added to the mass list modal if it is not overcomplicated

[stephenjason89]

Noted on this.

If you also select items with price, they could be added to the mass list modal if it is not overcomplicated

It's alright. Not too complicated ❤️

Besides this cat I always see while testing

[exezbcz]

Besides this cat I always see while testing

she is cute

[stephenjason89]

@exezbcz I finalized the Layout of UI. Let me know what you think.
Last thing to do is to save the transactions now.

[exezbcz]

@stephenjason89 lets move to the pr sir