Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make carrousel viewer for multi-resource NFTs #5603

Closed
exezbcz opened this issue Apr 11, 2023 · 1 comment · Fixed by #5751
Closed

Make carrousel viewer for multi-resource NFTs #5603

exezbcz opened this issue Apr 11, 2023 · 1 comment · Fixed by #5751
Labels
$$ ~51-150usd A-rmrk2 bug Something isn't working design-request p1 preventing everyone from using app

Comments

@exezbcz exezbcz added bug Something isn't working p3 non-core, affecting less than 40% design-request labels Apr 11, 2023
@vikiival vikiival added p1 preventing everyone from using app $ ~<50usd A-rmrk2 $$ ~51-150usd and removed p3 non-core, affecting less than 40% $ ~<50usd labels Apr 12, 2023
@vikiival vikiival changed the title multi asset nfts Make carrousel viewer for multi-resource NFTs Apr 12, 2023
@vikiival
Copy link
Member

vikiival commented Apr 12, 2023

there is already graphql query ready for it in queries/subsquid/ksm/nftById.graphql

Your task is to:
0. get resources from nft

  1. if resources > 1 go to step 2
  2. create a carousel component to be able to show a list of resources
  3. show the carousel with resources
{
"resources": [
        {
          "id": "ulXT0Z5Y4Y-0mqEw",
          "meta": null,
          "metadata": null,
          "src": "ipfs://ipfs/QmXh5qo1ag4KfTSBLDic1MtNSenv9dKwTYE1DZFh5nGMEk/S01E21_1.jpg",
          "thumb": "ipfs://ipfs/QmXh5qo1ag4KfTSBLDic1MtNSenv9dKwTYE1DZFh5nGMEk/84-t-S01E21-SE.png"
        },
        {
          "id": "GxFFlXopQl7rgXJt",
          "meta": null,
          "metadata": null,
          "src": "ipfs://ipfs/QmXh5qo1ag4KfTSBLDic1MtNSenv9dKwTYE1DZFh5nGMEk/S01E21_2.jpg",
          "thumb": "ipfs://ipfs/QmXh5qo1ag4KfTSBLDic1MtNSenv9dKwTYE1DZFh5nGMEk/84-t-S01E21-SE.png"
        },
        {
          "id": "bY72Dry4AZTMo9F5",
          "meta": null,
          "metadata": null,
          "src": "ipfs://ipfs/QmXh5qo1ag4KfTSBLDic1MtNSenv9dKwTYE1DZFh5nGMEk/S01E21_3.jpg",
          "thumb": "ipfs://ipfs/QmXh5qo1ag4KfTSBLDic1MtNSenv9dKwTYE1DZFh5nGMEk/84-t-S01E21-SE.png"
        },
        {
          "id": "8_G1-1XUCVTmfcRC",
          "meta": null,
          "metadata": null,
          "src": "ipfs://ipfs/QmXh5qo1ag4KfTSBLDic1MtNSenv9dKwTYE1DZFh5nGMEk/S01E21_4.jpg",
          "thumb": "ipfs://ipfs/QmXh5qo1ag4KfTSBLDic1MtNSenv9dKwTYE1DZFh5nGMEk/84-t-S01E21-SE.png"
        },
        {
          "id": "MtPZ_3SKgNvPfn0F",
          "meta": null,
          "metadata": null,
          "src": "ipfs://ipfs/QmXh5qo1ag4KfTSBLDic1MtNSenv9dKwTYE1DZFh5nGMEk/S01E21_5.jpg",
          "thumb": "ipfs://ipfs/QmXh5qo1ag4KfTSBLDic1MtNSenv9dKwTYE1DZFh5nGMEk/84-t-S01E21-SE.png"
        },
        {
          "id": "dLeIIoYbJNwXBiz2",
          "meta": null,
          "metadata": null,
          "src": "ipfs://ipfs/QmXh5qo1ag4KfTSBLDic1MtNSenv9dKwTYE1DZFh5nGMEk/84-c-S01E21-SE.png",
          "thumb": "ipfs://ipfs/QmXh5qo1ag4KfTSBLDic1MtNSenv9dKwTYE1DZFh5nGMEk/84-t-S01E21-SE.png"
        }
      ]
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
$$ ~51-150usd A-rmrk2 bug Something isn't working design-request p1 preventing everyone from using app
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants