Fix overflow on marketplace listing (#2088)

Author: nachoiacovino

components/contract-components/contract-deploy-form/custom-contract.tsx

@@ -33,7 +33,6 @@ import { LineaTestnet } from "@thirdweb-dev/chains";
 import { TransactionButton } from "components/buttons/TransactionButton";
 import { NetworkSelectorButton } from "components/selects/NetworkSelectorButton";
 import { SolidityInput } from "contract-ui/components/solidity-inputs";
-import { verifyContract } from "contract-ui/tabs/sources/page";
 import { useTrack } from "hooks/analytics/useTrack";
 import { useSupportedChain } from "hooks/chains/configureChains";
 import { useTxNotifications } from "hooks/useTxNotifications";

components/contract-components/hooks.ts

@@ -532,7 +532,6 @@ export function useCustomContractDeployMutation(
   const signer = useSigner();
   const deployContext = useDeployContextModal();
   const { data: transactions } = useTransactionsForDeploy(ipfsHash);
-  const compilerMetadata = useContractPublishMetadataFromURI(ipfsHash);
   const fullPublishMetadata = useContractFullPublishMetadata(ipfsHash);
 
   const walletConfig = useWalletConfig();

components/layout/app-shell/index.tsx

@@ -1,5 +1,4 @@
 import { CustomConnectWallet } from "@3rdweb-sdk/react/components/connect-wallet";
-import { useAccount } from "@3rdweb-sdk/react/hooks/useApi";
 import {
   ButtonGroup,
   Container,
@@ -88,7 +87,6 @@ export const AppShell: ComponentWithChildren<AppShellProps> = ({
 
 const AppHeader: React.FC = () => {
   const { pathname, route } = useRouter();
-  const { data: account } = useAccount();
 
   return (
     <GridItem

components/payments/contracts/payment-contracts.tsx

@@ -2,7 +2,7 @@ import { useAllContractList } from "@3rdweb-sdk/react";
 import { Flex } from "@chakra-ui/react";
 import { useAddress } from "@thirdweb-dev/react";
 import { PaymentContractsTable } from "./payment-contracts-table";
-import { useAccount, useApiAuthToken } from "@3rdweb-sdk/react/hooks/useApi";
+import { useApiAuthToken } from "@3rdweb-sdk/react/hooks/useApi";
 import { NoWalletConnectedPayments } from "contract-ui/tabs/payments/components/no-wallet-connected-payments";
 import { validPaymentsChainIds } from "@3rdweb-sdk/react/hooks/usePayments";
 import { useMemo } from "react";

contract-ui/tabs/listings/components/list-form.tsx

@@ -140,7 +140,7 @@ export const CreateListingsForm: React.FC<NFTMintForm> = ({
       return {
         ...nft,
         contractAddress: form.watch("contractAddress"),
-        tokenId: parseInt(nft.metadata.id),
+        tokenId: nft.metadata.id,
       };
     }) as WalletNFT[];
   }, [ownedNFTs, form]);

graphql/generated_types.ts

@@ -4490,8 +4490,8 @@ export type Developer_Auth_Setting_Bool_Exp = {
 
 /** unique or primary key constraints on table "developer_auth_setting" */
 export enum Developer_Auth_Setting_Constraint {
-  /** unique or primary key constraint on columns "auth_provider", "developer_client_id" */
-  DeveloperAuthSettingAuthProviderDeveloperClientIdKey = 'developer_auth_setting_auth_provider_developer_client_id_key',
+  /** unique or primary key constraint on columns "auth_provider", "developer_client_id", "deleted_at" */
+  DeveloperAuthSettingDeveloperClientIdAuthProviderDelete = 'developer_auth_setting_developer_client_id_auth_provider_delete',
   /** unique or primary key constraint on columns "id" */
   DeveloperAuthSettingPkey = 'developer_auth_setting_pkey'
 }

graphql/schema.json

@@ -30216,8 +30216,8 @@
         "interfaces": null,
         "enumValues": [
           {
-            "name": "developer_auth_setting_auth_provider_developer_client_id_key",
-            "description": "unique or primary key constraint on columns \"auth_provider\", \"developer_client_id\"",
+            "name": "developer_auth_setting_developer_client_id_auth_provider_delete",
+            "description": "unique or primary key constraint on columns \"auth_provider\", \"developer_client_id\", \"deleted_at\"",
             "isDeprecated": false,
             "deprecationReason": null
           },

lib/deployment/template-values.ts

@@ -1,7 +1,4 @@
-import {
-  SUPPORTED_CHAIN_ID,
-  getDefaultTrustedForwarders,
-} from "@thirdweb-dev/sdk";
+import { SUPPORTED_CHAIN_ID } from "@thirdweb-dev/sdk";
 import type { SolidityType } from "lib/solidity-types";
 
 interface ReplacementProps {
@@ -36,7 +33,7 @@ const ADDRESS_ARRAY_TEMPLATE_VALUES: TemplateValue[] = [
     value: "{{trusted_forwarders}}",
     helperText:
       "Replaced with the addresses of the trusted (gasless) forwarders for the selected network.",
-    replacerFunction: (searchValue, replacers) => {
+    replacerFunction: (searchValue) => {
       const trustedForwardersForChain: string[] = [];
       return searchValue.replaceAll(
         "{{trusted_forwarders}}",

lib/wallet/nfts/alchemy.ts

@@ -37,7 +37,7 @@ export async function transformAlchemyResponseToNFT(
         try {
           return {
             contractAddress: alchemyNFT.contract.address,
-            tokenId: parseInt(alchemyNFT.id.tokenId, 16),
+            tokenId: alchemyNFT.id.tokenId,
             metadata: shouldDownloadURI(rawUri)
               ? await StorageSingleton.downloadJSON(
                   handleArbitraryTokenURI(rawUri),

lib/wallet/nfts/moralis.ts

@@ -32,7 +32,7 @@ export async function transformMoralisResponseToNFT(
         try {
           return {
             contractAddress: moralisNft.token_address,
-            tokenId: parseInt(moralisNft.token_id, 16),
+            tokenId: moralisNft.token_id,
             metadata: shouldDownloadURI(moralisNft.token_uri)
               ? await StorageSingleton.downloadJSON(
                   handleArbitraryTokenURI(moralisNft.token_uri),