Cloning OpenSea NFT Boilerplate Questions

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!

ClintonK · January 25, 2022, 12:31pm

Thanks for this, could you please provide the code in the dapp you used for the cancel button?

CasNWK · January 25, 2022, 4:08pm

Hi All, @IAmJaysWay,

In the file helpers/networks.js are 2 id’s exchanged…
The kovan testnet is id: 0x2a and Ropsten is id: 0x4 !

so it must be:

  "0x2a": {
    currencySymbol: "ETH",
    blockExplorerUrl: "https://kovan.etherscan.io/",
  },
  "0x4": {
    currencySymbol: "ETH",
    blockExplorerUrl: "https://rinkeby.etherscan.io/",
  },```

Success!

Fazanna · January 25, 2022, 5:10pm

@IAMJaysWay Thanks - this is what I need

BooneBergsma · January 26, 2022, 1:31am

You are a GENIUS! Thank you

BooneBergsma · January 26, 2022, 3:13am

please now help figure out why I am getting this error

“Unable to fetch all NFT metadata… We are searching for a solution, please try again later!”

BooneBergsma · January 26, 2022, 3:14am

jphoto · January 26, 2022, 5:38am

@IAmJaysWay, has the indexing issue been resolved?

jphoto · January 26, 2022, 5:52am

How can you send notifications to users if someone makes an offer on an NFT?

YosephKS · January 26, 2022, 5:58am

Hey you can try to resync he NFT metadata if you want we have a Web3 API for that https://docs.moralis.io/moralis-server/web3-sdk/token#resyncmetadata

IAmJaysWay · January 26, 2022, 8:32pm

Hey @BooneBergsma,

The problem is due to your Web3 Api call not returning the resolved metadata. You could also try resyncing the metadata for your tokens, like @YosephKS suggested above

ennng · January 27, 2022, 2:03pm

Thank you very much for your suggestion
What I have done I include the button in the App but it appear in all pages?
When I am in explorer market and press the collection, I want the button to be there, where should I include it?
Also I set offset under :
= useMoralisWeb3ApiCall(token.getAllTokenIds, {
chain: chainId,
address: addr,
limit: 250,
offcet: 3,
});

then what I include here:?
onClick={() =>
window.open(
${getExplorer(chainId)}address/${nft.token_address},
“_blank”
)

I am really appreciate it is snap code example
Thank you

IAmJaysWay · January 28, 2022, 11:21am

Hi @ennng,

You should place the button in the NFTTokenIds.jsx component and probably you’d want to place it, inside the conditional where the token cards are rendered something like this:

{inputValue !== "explore" &&
   <>
     <Button> Load More</Button>
     {
       NFTTokenIds.slice(0, 20).map((nft, index) => (
       <Card
     .
     .
     .
     }
  </>

Then add your logic to when the button is clicked to go get the next token ids with the offset web3 API call.

63MoneyT · January 28, 2022, 11:37am

dont know if this helps anyone but i have a repository that solves th nft tokenid issue https://github.com/MontyWilliams/nftMarketPlaceUsingReact/tree/starteKit

Cipher · January 29, 2022, 8:13pm

hi i have tried your code for the NFT clone but i always get loads or warnings and errors. please see below. as it stands its no longer able to open the app. is this code ok? as its seems to be showing some strange problems

\\

can you please help me get this fix its killed so much time for something that should have been a 10 min job
@IAmJaysWay ?

ennng · January 29, 2022, 2:02pm

Thank you,
I tried but when I press the arrow button of the collection it give alert? not the actual button?
and also I would like to load more NFT (where should I add after press the button?) please see my code:
{inputValue !== “explore” &&

<>

 {
        NFTTokenIds.slice(0, 250).map((nft, index) => (
        //NFTTokenIds.map((nft, index) => (
          <Card
            hoverable
            actions={[
              <Tooltip title="View On Blockexplorer">
                <FileSearchOutlined
                  onClick={() =>
                    window.open(
                      `${getExplorer(chainId)}address/${nft.token_address}`,
                      "_blank"
                    )
                  }
                />
              </Tooltip>,
              <Tooltip title="Buy NFT">
                <ShoppingCartOutlined onClick={() => handleBuyClick(nft)} />
              </Tooltip>,
            ]}



            style={{ width: 240, border: "2px solid #e7eaf3" }}
            cover={
              <Image
                preview={false}
                src={nft.image || "error"}
                fallback={fallbackImg}
                alt=""
                style={{ height: "240px" }}
              />
            }
            key={index}
          >
            {getMarketItem(nft) && (
              <Badge.Ribbon text="Buy Now" color="green"></Badge.Ribbon>
            )}
            <Meta title={nft.name} description={`#${nft.token_id}`} />
          </Card>
        ))

         }
            
           
            <button                   
                style={{height: '70px', width : '200px',color: "#000",fontSize:'18px'}}
                title='Load more NFT..'
                onPress={alert('Simple Button pressed')}
                //onPress={() => setInputValue(nft?.addrs)}


            >
             Load more..
            </button>

</>
}

Cipher · January 29, 2022, 8:53am

also another video https://youtu.be/SvhUdejNVik

joop · January 29, 2022, 3:47pm

What I already did,

deployed NFTmarket and NFT contracts on polygon mainnet
MarketBeta deployed to: 0xc2cc3f7ccFA96CF8f447216a631Dd96846076F90
nftBeta deployed to: 0xbc2278f2461D6b5aAf1D61DA3bEbdd883549E63B
I cloned the git, setup moralis sever on polygon mainnet, and filled up the env file, when I finally ran the code on localhost, I only am viewing the traditional boilerplate. Build successfully on netlify too but it’s shown blank page at https://nft-beta.allswap.xyz . how to get the blank page working?

victorfcm · January 29, 2022, 8:49pm

Hello, @ivan and @everyone, I made everything as you described, but used the code on github, master branch. But, i got an issue on smart contracts event watcher. I can list and approve my nfts, they appear on the collection events, but, it doesn`t create anything on the database, even the table is created.

Well, I triple checked the address - from the marketplace contract -, verified the ABI, verified the fields, i am pretty lost over.

Tried to use some different tablenames, CreatedMarketItems, MarketItems, MarketItemsCreated, none has worked.

Can someone help me?