Cloning OpenSea NFT Boilerplate Questions

joteo · January 23, 2022, 1:27pm

Hi, I tried your code and there seems to be an error

failed to compile.

./src/components/NFTCreatePolygon/components/InputForm.jsx
Module not found: Can’t resolve ‘…/Truffle/build/nft_create.jsx’

CasNWK · January 23, 2022, 1:40pm

Hi joteo,

You’re right: file was at that position in file-tree , but ignored by .gitignore !
I have replaced and renamed it to abi.jsx in same folder as InputForm.jsx …

Success!

joteo · January 23, 2022, 2:19pm

Thank you, it looks awesome

Ednut · January 23, 2022, 2:27pm

when am done with this tutorial, can i use the clone for commmercial purposes

pedrojok · January 24, 2022, 2:38am

Hey guys, is there a way to “batch call” a smart-contract function in 1 transaction with Moralis or web3? Or the only solution is to create a proxy contract?
Thanks in advance!

Also, thanks for the nice minting addition @CasNWK ! I might grab it as well

BooneBergsma · January 24, 2022, 3:37am

HELP PLEASE I posted the problems I am having here ethereum-boilerplate-NFT-Marketplace please check out so I don’t repost same info in here and get hit for spam.

You can see the Create Market Item transaction went through but the boilerplate is not showing the NFT for sale and I cant buy it from another https://testnet.snowtrace.io/address/0x2ff7aa3fc6b24277376860523e3702f01cd930f8

IAmJaysWay · January 24, 2022, 11:22am

Hi @BooneBergsma,

Have you synced the smart contract with your Moralis server and if so are the newly listed items showing up in your DB in the MarketItems class? The boilerplate queries you DB to check whether or not the item is for sale on your marketplace, hope this helps.

IAmJaysWay · January 24, 2022, 11:28am

@pkgujjar,

Sorry to hear the trust wallet issue, it may be that at the time of building this tutorial the ethereum-boilerplate had some issues with trust wallet… can you check if it works fine on the latest ethereum-boilerplate and if it works on there bring it over to your marketplace repo?

IAmJaysWay · January 24, 2022, 11:31am

Hi @Ednut,

You are free to fork this project and work on it as you wish as long as you follow the MIT licence doc that is provided in the repo as well

github.com

ethereum-boilerplate/ethereum-nft-marketplace-boilerplate/blob/main/LICENSE.md

MIT License

Copyright (c) 2021 Moralis Web3 Technology AB, 559307-5988

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

ennng · January 24, 2022, 1:00pm

Hello All,
I have a collection of around 5000 NFT, I put the address in opensea and all shown but when I put the same address in your NFT Boilerplate project at collection code, it only shows 10 NFT under Explorer Market but show all under your collection tap (because all mint in the same account), now my NFT collection shown on opensea, shown on Your Collection but only show 10 of them under Explorer Market? even though it said Collection Size: 5000 in Explorer Market but only display 10 NFT?
any idea please?

BooneBergsma · January 24, 2022, 5:13pm

Thanks. I did sync and it shows in the DB

but still not showing up in the boilerplate app Market tab or Transaction tab

BooneBergsma · January 25, 2022, 2:23am

Please share any help you can here ethereum-boilerplate-NFT-Marketplace still can’t figure out why the NFT is not showing for sale even though the Create Market Item transaction did happen on chain. HELP NEEDED!!!

Cyber · January 25, 2022, 3:25am

Is Lazy-minting added or possible to add?

YosephKS · January 25, 2022, 4:09am

It should be possible to add with Moralis, the difference is you just need to have the tokens stored in DB instead of deploy them to the blockchain

joteo · January 25, 2022, 4:42am

It is possible to display all 5000, but it will take a while to load, under

{inputValue !== “explore” &&
NFTTokenIds.slice(0, 20).map((nft, index) => (
<Card
hoverable
actions={[

<FileSearchOutlined
onClick={() =>
window.open(
${getExplorer(chainId)}address/${nft.token_address},
“_blank”
)
}
/>

simply delete “0,20” from NFTTokenIds.slice

and also taking away the limit from useNFTTokenIds.jsx

under this line of code

} = useMoralisWeb3ApiCall(token.getAllTokenIds, {
chain: chainId,
address: addr,
limit: 10,
});

ennng · January 25, 2022, 6:19am

Thank you very much joteo,

it works now but takes like ages to load? what I have done is:

NFTTokenIds.slice(0, 5000).map((nft, index) =>…

and set limit to 5000

} = useMoralisWeb3ApiCall(token.getAllTokenIds, {
chain: chainId,
address: addr,
limit: 5000,
});

but first I got undefined collection, and got following message:
message=“Unable to fetch all NFT metadata… We are searching for a solution, please try again later!”

then load all NFT but as I said it takes long long time?
Is there any way to reduce the time of loading? lets say I divided my collection to 1000 and then put each under different image and name but the problem is all 5000 have the same address? so it will load the same 1000 in each collection?
any suggestions I really appreciate it…

IAmJaysWay · January 25, 2022, 10:16am

@BooneBergsma,

Have you followed along the tutorial or just working with the final code repo? The final code repo queries a class called “MarketItems” as opposed to “CreatedMarketItems”, so you will have to change the class you are querying in the NFTTokenIds.jsx and NFTMarketTransaction.jsx like so:

const queryMarketItems = useMoralisQuery("MarketItems");

IAmJaysWay · January 25, 2022, 10:22am

Hi @ennng,

You could do something where you use the offset parameter with the limit parameter in the token.getAllTokenIds() web3Api call.

Say you set the limit to 20 and offset to 20 initially and then have a “Load More” button on your site. Every-time it is pressed you do a new token.getAllTokenIds() call with offest = current offset + 20. Then just concatenate the result to your already fetched NFTs and display this on the NFT collection page

ClintonK · January 25, 2022, 12:04pm

Hello, not sure Im missing something, but it seems that once you list an NFT on the marketplace for sale, its stays there until its bought, I dont see anyway of withdrawing / canceling the sale so that the NFT is transferred back to the user/seller wallet?

IAmJaysWay · January 25, 2022, 12:08pm

Hey @ClintonK,

Yes the boilerplate, doesn’t have this built in, but people in the community have had the same idea and added this functionality themselves. You could start by checking this post

Skanus:

I have implemented a function to cancel the sale of nft, in case the seller wants to get his nft back

this is the solidity code

function cancelSale(uint itemId) public nonReentrant{
            require(msg.sender == idToMarketItem[itemId].seller, "You not are the owner of this item"); 
            require(idToMarketItem[itemId].sold == false,"The item has been sold");
            IERC721(idToMarketItem[itemId].nftContract).transferFrom(address(this), msg.sender, idToMarketItem[itemId].tokenId);
            delete idToMarketItem[itemId];
        }

Hope this helps!