Cloning OpenSea NFT Boilerplate Questions

[Fitz]

Dumb question @brown2020 but what did you use to strip it?

[IAmJaysWay]

Hi @latok, you can follow along the youtube video
https://www.youtube.com/watch?v=WZWCzsB1xUE&t=4487s from timestamp “46:26” onwards to see how to sync the smart contract hope this helps!

[brown2020]

@Fitz The way I stripped the ABI to one big string without all the line breaks and formatting: Copy ABI to clipboard from Remix, then paste it into the search bar of Chrome. Chrome strips it all down for you. Then copy and paste that new stripped string into the useState initializer.

Now if I only could figure out how to do the sync part. The “Configure Sync and Watch Contract Events” in Moralis won’t let me save. I have the ABI in there, the contract address and MarketItems as the table name, but there must be a couple of steps that I’m missing that are not documented in the readme

[Fitz]

Wow such a simple solution!

For the sync issue, make sure you have the chain selected at the top. The chains logo will have a checkmark on it. Got me earlier with that

[brown2020]

Thanks @Fitz. I got the chain selected and now I’m able to press the confirm button, but now I get the error “Invalid ABI, The ABI should contain an array of inputs.” I tried straight cut-and-paste from Remix and my strip-trick, and get ABI errors either way. Any ideas? Is this even the right place to be doing the sync?

[ZeusExMachina]

Hi there, thanks again for making this tutorial. I’ve got a couple of questions:

1. I currently have no NFTs showing on my “Your Collection” page. This means I also cannot test out selling/listing NFTs. Does my Metamask actually have to own NFTs for them to show up there, or is there a way I can at least have test NFTs that show up there?

2. When I click onto either the Test Mages or Pixel Show collections while in the Marketplace, it shows no NFTs. In contrast, the tutorial videos shows these NFTs, including those in the Your Collection page. However, NFTs of other collections such as Bored Apes show up. How do you think I can get the Test Mages and Pixel Show NFTs to appear?

[Fitz]

Remove the [ ] from your abi and update your topic to include the required variables. Go through the tutorial video a few times, there’s lots to miss

[brown2020]

Just the first one starting at anonymous, or the whole list? I used this and it seemed to accept it…

	{
		"anonymous": false,
		"inputs": [
			{
				"indexed": true,
				"internalType": "address",
				"name": "owner",
				"type": "address"
			},
			{
				"indexed": true,
				"internalType": "address",
				"name": "approved",
				"type": "address"
			},
			{
				"indexed": true,
				"internalType": "uint256",
				"name": "tokenId",
				"type": "uint256"
			}
		],
		"name": "Approval",
		"type": "event"
	}

And for the topic to subscribe, you put the whole event, like this?

MarketItemCreated (         uint indexed itemId,         address indexed nftContract,         uint256 indexed tokenId,         address seller,         address owner,         uint256 price,         bool sold      )

[Fitz]

Remove all spaces from the topic and also remove the variable names, ie just have MarketItemCreated(uint,address,unit256…

[Yomoo]

Hey @brown2020

You can use http://jsonviewer.stack.hu/ for fast JSON validating & formatting

[IAmJaysWay]

Hey @ZeusExMachina,

Yes you will have to have some NFTs in your wallet to try the listing functionality, I would recommend minting a simple NFT collection (or acquiring a couple of NFTs), on a testnet like Mumbai and then also adding the details (contract address and abi) of this collection to the the collections.js file, this could help out with your question 2 as well.

/src/helpers/collections.js

[HarryTgerman]

I’m working along the video, i have some issues with “params” of the contractProcessor function. What would i parse in when the params don’t have a name for the input in the ABI ?

[YosephKS]

Hey @HarryTgerman, usually that happens when the param variable is not used at all, so maybe you can have a try to have the params as empty object ({})

[latok]

Thanks for your reply, i had to create a testnet server as my first one was mainnet. I’ll try your solution.

Where is the address from (in above)? I’ve used the example you gave in MoralisDappProvider.js

Where do i run the code from the repository? I’ve cloned it to my desktop for local dev but i’d like to run it online so others can also see it, otherwise it’s only on my PC.

I’ve tried to run it on heroku and vercel but no luck. Example below.

Also, where should i edit the files, at the moment i’m using notepad and saving.

Thanks

[mcmaurok]

I also had this problem, I solved it by:
yarn cache clean
yarn info
yarn upgrade
yarn add yarn

Hope this helps

[latok]

Still no luck, full of errors.

Gitpod also cannot run it.

[latok]

I don’t why nothing works on my local PC, i’ve tried everything inc updating, reinstalling nodejs, yarn etc.

Just keep getting same errors.

Constantly getting this at the end “Command failed with exit code 1” and no solution works, i’ve checked many posts and they all say to clear yarn cache, upgrade, start etc but I can’t move forward from this.

Also this error “commit hash required” constantly.

It’s so frustrating …

[IAmJaysWay]

Hi @Latok,

I would suggest you still try and download an IDE like VS code, as you say you are opening the files in a notepad and saving… Having the whole folder open in the same environment and making edits to the files there could help out

[latok]

Hi, i’m using VS code too … come up with the same errors. See below:

[Fitz]

Anyone got a quick suggestion on a better “tag” rendering method for the transactions tab in this project?

I have added a “canceled” column to the database and would like to render a tag also showing if the sale has been canceled. Maybe I’m just not understanding the current tags.map((tag) =>