Contract Details / Storefront Page

[codingshot]

Problem

Need to have a place to display all information about a contract

User Story(s):

As a user, I want to see a preview of a contract, so that I can know about the contract before interacting with it.
As a admin owner, i want to be able to navigate to settings or mint nft easily, so that i can manage easily.

Description

Storefront / contract details page that lets you see everything about a contract and navigate for all the tokens in that storefront as well as edit settings if you are contract / storefront admin.
-A contract details components that shows amount of owners, total nfts, volume, preview of nfts with pricing. and has settings and minting for admins of the contract.

• A contract details components that shows amount of owners, total nfts, volume, preview of nfts with pricing. and has settings and minting for admins of the contract.
• uses mintbase ui kit Mintbase UI Kit #153 (all components must use this)
• deployed to genadrop bos mono repo
• shows up on Featured Collection #162 Global Search #148

Acceptance Criteria

• use mintbase graphql api
• if an admin of contract then can go to settings tabs (link to another task)
• has tabs
• shows number of nfts, owners, floor price, average offer, and volume
• show affilaited website and link Use SocialDB for Storefront Links, Banners, & Profile #164
• filter by status, show listed, show only owned by me
• filter on price

Limitations

• two implementations of contract detials, need to add global one with stats, settings and mint nft for admin

Resources

• Mintbase GraphQL Api
• Example of BOS component using Mintbase GraphQL API
• Example of stroefront https://www.mintbase.xyz/contract/vibes.mintbase1.near/nfts/all/0

[Jikugodwill]

I started this, but it's been picked up by @Ebube111 today

[Ebube111]

After a discussion with Jiku he'll be picking this up, since it's similar to what he's working on with the tabs and what not