diff --git a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/token-id.tsx b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/token-id.tsx index d74d9e6139a..80be8fb3b25 100644 --- a/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/token-id.tsx +++ b/apps/dashboard/src/app/(dashboard)/(chain)/[chain_id]/[contractAddress]/nfts/[tokenId]/token-id.tsx @@ -1,7 +1,9 @@ "use client"; import { WalletAddress } from "@/components/blocks/wallet-address"; +import { CopyTextButton } from "@/components/ui/CopyTextButton"; import { Spinner } from "@/components/ui/Spinner/Spinner"; +import { useThirdwebClient } from "@/constants/thirdweb.client"; import { useDashboardRouter } from "@/lib/DashboardRouter"; import { Box, @@ -15,15 +17,18 @@ import { useBreakpointValue, } from "@chakra-ui/react"; import { useChainSlug } from "hooks/chains/chainSlug"; -import { ChevronLeftIcon } from "lucide-react"; +import { ChevronLeftIcon, ExternalLinkIcon } from "lucide-react"; +import Link from "next/link"; import { useState } from "react"; import type { ThirdwebContract } from "thirdweb"; import { getNFT as getErc721NFT } from "thirdweb/extensions/erc721"; import { getNFT as getErc1155NFT } from "thirdweb/extensions/erc1155"; import { useReadContract } from "thirdweb/react"; +import { resolveScheme } from "thirdweb/storage"; import { Badge, Button, Card, CodeBlock, Heading, Text } from "tw-components"; import { AddressCopyButton } from "tw-components/AddressCopyButton"; import { NFTMediaWithEmptyState } from "tw-components/nft-media"; +import { shortenString } from "utils/usedapp-external"; import { NftProperty } from "../components/nft-property"; import { useNFTDrawerTabs } from "./useNftDrawerTabs"; @@ -65,6 +70,8 @@ export const TokenIdPage: React.FC = ({ tokenId, }); + const client = useThirdwebClient(); + const { data: nft, isPending } = useReadContract( isErc721 ? getErc721NFT : getErc1155NFT, { @@ -240,6 +247,28 @@ export const TokenIdPage: React.FC = ({ )} + + Token URI + + + + + {properties ? (