diff --git a/src/embeds/edition-drop.tsx b/src/embeds/edition-drop.tsx index 6be0c19..f5642fa 100644 --- a/src/embeds/edition-drop.tsx +++ b/src/embeds/edition-drop.tsx @@ -5,30 +5,20 @@ import { useColorMode, } from "@chakra-ui/react"; import { css, Global } from "@emotion/react"; -import { ThirdwebProvider, useContract } from "@thirdweb-dev/react"; +import { ThirdwebProvider, useContract, useNFT } from "@thirdweb-dev/react"; import { EditionDrop } from "@thirdweb-dev/sdk"; import { ThirdwebStorage } from "@thirdweb-dev/storage"; -import React, { useEffect, useMemo } from "react"; +import React, { useEffect } from "react"; import { createRoot } from "react-dom/client"; import { ERC1155ClaimButton } from "src/shared/claim-button-erc1155"; -import { ClaimPage } from "../shared/claim-page"; +import { TokenMetadataPage } from "../shared/token-metadata-page"; import { Footer } from "../shared/footer"; import { Header } from "../shared/header"; import chakraTheme from "../shared/theme"; import { fontsizeCss } from "../shared/theme/typography"; import { parseIpfsGateway } from "../utils/parseIpfsGateway"; - -interface BodyProps { - children?: React.ReactNode; -} - -const Body: React.FC = ({ children }) => { - return ( - - {children} - - ); -}; +import { useGasless } from "../shared/hooks/useGasless"; +import { Body } from "src/shared/body"; interface EditionDropEmbedProps { contractAddress: string; @@ -45,6 +35,7 @@ const EditionDropEmbed: React.FC = ({ }) => { const { setColorMode } = useColorMode(); const { contract: editionDrop } = useContract(contractAddress); + const { data: nft, isLoading } = useNFT(editionDrop, tokenId); useEffect(() => { setColorMode(colorScheme); @@ -67,14 +58,14 @@ const EditionDropEmbed: React.FC = ({ >
- + - +