Skip to content

Commit

Permalink
routing from owned and explore page
Browse files Browse the repository at this point in the history
  • Loading branch information
@devsisingh
devsisingh committed Oct 21, 2023
1 parent 4134e28 commit 0d040ea
Show file tree
Hide file tree
Showing 2 changed files with 87 additions and 7 deletions.
27 changes: 26 additions & 1 deletion Components/nftboughtDashboard.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,8 @@ function NftboughtDashboard() {

const tradhubAddress = resdata?.TradehubAddress;

const apiUrl = `https://testnet.gateway.myriadflow.com/api/v1.0/webapp/contracts/${resdata?.Storefront.id}`;

function getEthPrice(price) {
return ethers.utils.formatEther(price);
}
Expand Down Expand Up @@ -165,6 +167,29 @@ function NftboughtDashboard() {
console.log(refineArray);
console.log("buy assets count", refineArray.itemSolds.length);

// Fetch contract data from the API
const contractData = await fetch(apiUrl);
const contractnamefind = await contractData.json();
// Add contractName to each asset in refineArray.saleStarteds
refineArray.itemSolds = refineArray.itemSolds.map((asset) => {
const matchingContract = contractnamefind?.find(
(contract) =>
{
console.log("Comparing to contract:", contract.contractAddress);
return contract.contractAddress.toLowerCase() === asset.nftContract;
// contract.contractAddress == asset.nftContract
}
);

console.log("findContractname",contractnamefind);
console.log("nftcontract",asset.nftContract);

return {
...asset,
contractName: matchingContract ? matchingContract.contractName : '',
};
});

setData(refineArray.itemSolds);
setLoading(false);
};
Expand Down Expand Up @@ -426,7 +451,7 @@ function NftboughtDashboard() {
key={item.itemId}
className=" border-2 p-2.5 rounded-lg shadow-lg w-full lg:w-72 hover:scale-105 duration-200 transform transition cursor-pointer border-2 dark:border-gray-500"
>
<Link key={item?.itemId} href={`/assets/${item?.itemId}`}>
<Link key={item?.itemId} href={`/collections/${item?.contractName}/${item?.nftContract}/${item?.tokenId}`}>
<div>
<HomeComp uri={item ? item?.metadataURI : ""} />

Expand Down
67 changes: 61 additions & 6 deletions pages/explore.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,8 @@ const Home = () => {

const tradhubAddress = resdata?.TradehubAddress;

const apiUrl = `https://testnet.gateway.myriadflow.com/api/v1.0/webapp/contracts/${resdata?.Storefront.id}`;

const allfilter = {
minPrice: 0.1,
maxPrice: 100,
Expand Down Expand Up @@ -258,7 +260,7 @@ let result = {};
};

const AllBuildingQuery = `{
saleStarteds(orderBy: id,where: {itemId_not: "3"}) {
saleStarteds(orderBy: id,where: {itemId: "6"}) {
itemId
metaDataURI
nftContract
Expand Down Expand Up @@ -327,6 +329,29 @@ let result = {};
await status();
console.log(refineArray);
console.log("sale assets count", refineArray.saleStarteds.length);

// Fetch contract data from the API
const contractData = await fetch(apiUrl);
const contractnamefind = await contractData.json();
// Add contractName to each asset in refineArray.saleStarteds
refineArray.saleStarteds = refineArray.saleStarteds.map((asset) => {
const matchingContract = contractnamefind?.find(
(contract) =>
{
console.log("Comparing to contract:", contract.contractAddress);
return contract.contractAddress.toLowerCase() === asset.nftContract;
// contract.contractAddress == asset.nftContract
}
);

console.log("findContractname",contractnamefind);
console.log("nftcontract",asset.nftContract);

return {
...asset,
contractName: matchingContract ? matchingContract.contractName : '',
};
});
}

let fResult = [];
Expand Down Expand Up @@ -460,8 +485,32 @@ let result = {};

// const response = await fetch("/api/auctionput");
// const result = await response.json();
console.log("result", response);
console.log("auction result", response);
setLoading(true);

// Fetch contract data from the API
const contractData = await fetch(apiUrl);
const contractnamefind = await contractData.json();
// Add contractName to each asset in refineArray.saleStarteds
result.auctionStarteds = result.auctionStarteds.map((asset) => {
const matchingContract = contractnamefind?.find(
(contract) =>
{
console.log("Comparing to contract:", contract.contractAddress);
return contract.contractAddress.toLowerCase() === asset.nftContract;
// contract.contractAddress == asset.nftContract
}
);

console.log("findContractname",contractnamefind);
console.log("nftcontract",asset.nftContract);

return {
...asset,
contractName: matchingContract ? matchingContract.contractName : '',
};
});

setAuction(result.auctionStarteds);
setLoading(false);
}
Expand Down Expand Up @@ -947,7 +996,7 @@ let result = {};
>
<Link
key={item?.itemId}
href={`/explore/${item?.itemId}`}
href={`/collections/${item?.contractName}/${item?.nftContract}/${item?.tokenId}`}
>
<div>
<HomeComp uri={item ? item?.metaDataURI : ""} />
Expand All @@ -956,7 +1005,7 @@ let result = {};
Price{" "}
</div>
<div className="flex items-center">
<FaEthereum className="w-4 text-gray-500 dark:text-white" />
{/* <FaEthereum className="w-4 text-gray-500 dark:text-white" /> */}
<div className="text-gray-500 dark:text-white font-semibold">
{getEthPrice(item?.price)} MATIC
</div>
Expand Down Expand Up @@ -1003,13 +1052,19 @@ let result = {};
key={item.id}
className=" border-2 p-2.5 bg-white dark:bg-gray-900 grid rounded-lg shadow-lg w-full lg:w-72 hover:scale-105 duration-200 transform transition cursor-pointer border-2 dark:border-gray-800"
>
<Link key={item.itemId} href={`/assets/${item.id}`}>
<Link key={item.itemId} href={`/collections/${item?.contractName}/${item?.nftContract}/${item?.tokenId}`}>
<div>
<HomeComp uri={item ? item?.metaDataURI : ""} />

<div>
<div className="font-bold mt-3">
Auctioneer : {item.auctioneer.slice(-6)}
Auctioneer :
{
item.auctioneer === walletaddr.toString() && (<span>You</span>)
}
{
item.auctioneer!= walletaddr.toString() && (item.auctioneer.slice(-6))
}
</div>
{/* itemid = {item.itemId} */}
</div>
Expand Down

0 comments on commit 0d040ea

Please sign in to comment.