diff --git a/apps/dashboard/src/@/components/ui/inline-code.tsx b/apps/dashboard/src/@/components/ui/inline-code.tsx new file mode 100644 index 00000000000..1b61ec81317 --- /dev/null +++ b/apps/dashboard/src/@/components/ui/inline-code.tsx @@ -0,0 +1,17 @@ +import { cn } from "@/lib/utils"; + +export function InlineCode({ + code, + className, +}: { code: string; className?: string }) { + return ( + + {code} + + ); +} diff --git a/apps/dashboard/src/components/chain-validation/index.tsx b/apps/dashboard/src/components/chain-validation/index.tsx index 28304a19490..a000b4549a9 100644 --- a/apps/dashboard/src/components/chain-validation/index.tsx +++ b/apps/dashboard/src/components/chain-validation/index.tsx @@ -1,5 +1,5 @@ +import { InlineCode } from "@/components/ui/inline-code"; import { - Code, FormControl, Icon, Input, @@ -104,7 +104,7 @@ const ChainValidation: React.FC = () => { <> - RPC supports eth_chainId method + RPC supports method { - RPC supports eth_blockNumber method + RPC supports {" "} + method { Chain ID{" "} {existingChain?.id ? ( - {existingChain.id} + {existingChain.id} ) : ( "" )} diff --git a/apps/dashboard/src/components/contract-functions/interactive-abi-function.tsx b/apps/dashboard/src/components/contract-functions/interactive-abi-function.tsx index 80f13bed211..81c3293757e 100644 --- a/apps/dashboard/src/components/contract-functions/interactive-abi-function.tsx +++ b/apps/dashboard/src/components/contract-functions/interactive-abi-function.tsx @@ -1,9 +1,9 @@ "use client"; +import { InlineCode } from "@/components/ui/inline-code"; import { ToolTipLabel } from "@/components/ui/tooltip"; import { ButtonGroup, - Code, Divider, Flex, FormControl, @@ -408,21 +408,11 @@ export const InteractiveAbiFunction: React.FC = ({ <> Error - - {/* biome-ignore lint/suspicious/noExplicitAny: FIXME */} - {formatError(error as any)} - + ) : formattedResponseData ? ( <> diff --git a/apps/dashboard/src/components/engine/configuration/cors.tsx b/apps/dashboard/src/components/engine/configuration/cors.tsx index 6b57a1959f0..330b3142a25 100644 --- a/apps/dashboard/src/components/engine/configuration/cors.tsx +++ b/apps/dashboard/src/components/engine/configuration/cors.tsx @@ -1,8 +1,9 @@ +import { InlineCode } from "@/components/ui/inline-code"; import { useEngineCorsConfiguration, useEngineSetCorsConfiguration, } from "@3rdweb-sdk/react/hooks/useEngine"; -import { Code, Flex, Textarea } from "@chakra-ui/react"; +import { Flex, Textarea } from "@chakra-ui/react"; import { useTxNotifications } from "hooks/useTxNotifications"; import { useForm } from "react-hook-form"; import { Button, Heading, Text } from "tw-components"; @@ -55,7 +56,8 @@ export const EngineCorsConfig: React.FC = ({ Allowlisted Domains Specify the origins that can call Engine ( - https://example.com). + + ).
Enter one origin per line, or leave this list empty to disallow calls from web clients. diff --git a/apps/dashboard/src/components/engine/configuration/ip-allowlist.tsx b/apps/dashboard/src/components/engine/configuration/ip-allowlist.tsx index d9713ec93ac..1890e6e460d 100644 --- a/apps/dashboard/src/components/engine/configuration/ip-allowlist.tsx +++ b/apps/dashboard/src/components/engine/configuration/ip-allowlist.tsx @@ -1,9 +1,10 @@ +import { InlineCode } from "@/components/ui/inline-code"; import { useEngineIpAllowlistConfiguration, useEngineSetIpAllowlistConfiguration, useEngineSystemHealth, } from "@3rdweb-sdk/react/hooks/useEngine"; -import { Code, Flex, Textarea } from "@chakra-ui/react"; +import { Flex, Textarea } from "@chakra-ui/react"; import { useTxNotifications } from "hooks/useTxNotifications"; import { isValid } from "ipaddr.js"; import { useForm } from "react-hook-form"; @@ -74,7 +75,9 @@ export const EngineIpAllowlistConfig: React.FC< Allowlist IPs - Specify the IP Addresses that can call Engine (8.8.8.8). + Specify the IP Addresses that can call Engine ( + + ).
Enter a comma separated list of IPs, or one IP per line, or leave this list empty to allow all IPs. diff --git a/apps/dashboard/src/components/engine/permissions/engine-access-tokens.tsx b/apps/dashboard/src/components/engine/permissions/engine-access-tokens.tsx index 76735ab9299..1636334d670 100644 --- a/apps/dashboard/src/components/engine/permissions/engine-access-tokens.tsx +++ b/apps/dashboard/src/components/engine/permissions/engine-access-tokens.tsx @@ -1,11 +1,12 @@ "use client"; +import { InlineCode } from "@/components/ui/inline-code"; import { useEngineAccessTokens, useEngineKeypairs, useEngineSystemHealth, } from "@3rdweb-sdk/react/hooks/useEngine"; -import { ButtonGroup, Code, Flex } from "@chakra-ui/react"; +import { ButtonGroup, Flex } from "@chakra-ui/react"; import { useState } from "react"; import { Button, CodeBlock, Heading, Link, Text } from "tw-components"; import { AccessTokensTable } from "./access-tokens-table"; @@ -104,7 +105,7 @@ const StandardAccessTokensPanel = ({ Authenticate with your access token - Set the authorization header. + Set the header. Authenticate with your access token - Set the authorization header. + Set the header. = ({ <> Files must contain one .csv file with a list - of addresses and their maxClaimable. - (amount each wallet is allowed to claim) + of addresses and their{" "} + . (amount each + wallet is allowed to claim)
= ({ - You may optionally add price and{" "} - currencyAddress overrides as well. This - lets you override the currency and price you would - like to charge per wallet you specified + You may optionally add and + overrides as + well. This lets you override the currency and price + you would like to charge per wallet you specified
= ({ - You may optionally add a maxClaimable{" "} + You may optionally add a{" "} + column override. (amount each wallet is allowed to claim) If not specified, the default value is the one you have set on your claim phase. @@ -321,10 +323,10 @@ export const SnapshotUpload: React.FC = ({ - You may optionally add price and{" "} - currencyAddress overrides. This lets you - override the currency and price you would like to - charge per wallet you specified.{" "} + You may optionally add and + overrides. This + lets you override the currency and price you would + like to charge per wallet you specified.{" "} When defining a custom currency address, you must also define a price override. diff --git a/apps/dashboard/src/contract-ui/tabs/nfts/components/airdrop-tab.tsx b/apps/dashboard/src/contract-ui/tabs/nfts/components/airdrop-tab.tsx index a3075d37824..4fbc545bf3c 100644 --- a/apps/dashboard/src/contract-ui/tabs/nfts/components/airdrop-tab.tsx +++ b/apps/dashboard/src/contract-ui/tabs/nfts/components/airdrop-tab.tsx @@ -1,6 +1,5 @@ "use client"; -import {} from "@chakra-ui/react"; import { Flex, Icon, useDisclosure } from "@chakra-ui/react"; import { TransactionButton } from "components/buttons/TransactionButton"; import { diff --git a/apps/dashboard/src/contract-ui/tabs/nfts/components/transfer-tab.tsx b/apps/dashboard/src/contract-ui/tabs/nfts/components/transfer-tab.tsx index c35e5ed2d6d..2088b31c4e0 100644 --- a/apps/dashboard/src/contract-ui/tabs/nfts/components/transfer-tab.tsx +++ b/apps/dashboard/src/contract-ui/tabs/nfts/components/transfer-tab.tsx @@ -1,6 +1,5 @@ "use client"; -import {} from "@chakra-ui/react"; import { FormControl, Input } from "@chakra-ui/react"; import { TransactionButton } from "components/buttons/TransactionButton"; import { SolidityInput } from "contract-ui/components/solidity-inputs"; diff --git a/apps/dashboard/src/contract-ui/tabs/permissions/page.tsx b/apps/dashboard/src/contract-ui/tabs/permissions/page.tsx index 98c3ec36469..641b6cb8c93 100644 --- a/apps/dashboard/src/contract-ui/tabs/permissions/page.tsx +++ b/apps/dashboard/src/contract-ui/tabs/permissions/page.tsx @@ -1,7 +1,8 @@ "use client"; +import { InlineCode } from "@/components/ui/inline-code"; import { useIsomorphicLayoutEffect } from "@/lib/useIsomorphicLayoutEffect"; -import { ButtonGroup, Code, Divider, Flex } from "@chakra-ui/react"; +import { ButtonGroup, Divider, Flex } from "@chakra-ui/react"; import type { ThirdwebContract } from "thirdweb"; import { Card, Heading, Link, LinkButton, Text } from "tw-components"; import { Permissions } from "./components"; @@ -29,7 +30,8 @@ export const ContractPermissionsPage: React.FC< Missing PermissionsEnumerable Extension - This contract does not support the PermissionsEnumerable{" "} + This contract does not support the{" "} + extension.
As a result, you can only view and manage basic permissions via the{" "} diff --git a/apps/dashboard/src/core-ui/batch-upload/upload-step.tsx b/apps/dashboard/src/core-ui/batch-upload/upload-step.tsx index 61bda63d38c..0a8a40ccc41 100644 --- a/apps/dashboard/src/core-ui/batch-upload/upload-step.tsx +++ b/apps/dashboard/src/core-ui/batch-upload/upload-step.tsx @@ -1,6 +1,6 @@ -import { UnorderedList } from "@/components/ui/List/List"; +import { InlineCode } from "@/components/ui/inline-code"; import { cn } from "@/lib/utils"; -import { Code, Container, Flex, Icon, Link } from "@chakra-ui/react"; +import { Container, Flex, Icon, Link, UnorderedList } from "@chakra-ui/react"; import { BsFillCloudUploadFill } from "react-icons/bs"; import { Heading, Text } from "tw-components"; @@ -81,13 +81,14 @@ export const UploadStep: React.FC = ({ .
  • - The csv must have a name column, which - defines the name of the NFT. + The csv must have a column, + which defines the name of the NFT.
  • Asset names must be sequential 0,1,2,3...n.[extension]. It doesn't matter at what number you begin. (Example:{" "} - 131.png, 132.png). + , + ).
  • Make sure to drag and drop the CSV/JSON and the images{" "} @@ -103,23 +104,26 @@ export const UploadStep: React.FC = ({
    They both have to follow the asset naming convention above. - (Example: 0.png and 0.mp4,{" "} - 1.png and 1.glb, etc.) + (Example: and{" "} + , and{" "} + , etc.)
  • When uploading files, we will upload them and pin them to IPFS automatically for you. If you already have the files uploaded, - you can add an image and/or{" "} - animation_url column and add the IPFS hashes there.{" "} + you can add an and/or + column and add the IPFS + hashes there. Download example.csv
  • If you want to make your media files map to your NFTs, you can - add add the name of your files to the image and{" "} - animation_url column.{" "} + add add the name of your files to the{" "} + and + column. Download example.csv