Skip to content

Commit 730ea1f

Browse files
kien-ngokien-ngo
committed
Remove <Code /> component`
1 parent 37a05d3 commit 730ea1f

File tree

7 files changed

+26
-29
lines changed

7 files changed

+26
-29
lines changed

‎apps/dashboard/src/components/chain-validation/index.tsx‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import {
2-
Code,
32
FormControl,
43
Icon,
54
Input,
@@ -104,7 +103,7 @@ const ChainValidation: React.FC = () => {
104103
<>
105104
<Tr>
106105
<Td>
107-
RPC supports <Code>eth_chainId</Code> method
106+
RPC supports <code>eth_chainId</code> method
108107
</Td>
109108
<Td textAlign="right">
110109
<StatusCheck
@@ -118,7 +117,7 @@ const ChainValidation: React.FC = () => {
118117
</Tr>
119118
<Tr>
120119
<Td>
121-
RPC supports <Code>eth_blockNumber</Code> method
120+
RPC supports <code>eth_blockNumber</code> method
122121
</Td>
123122
<Td textAlign="right">
124123
<StatusCheck
@@ -135,7 +134,7 @@ const ChainValidation: React.FC = () => {
135134
<Td>
136135
Chain ID
137136
{existingChain?.id ? (
138-
<Code mr={1}>{existingChain.id}</Code>
137+
<code className="mr-1">{existingChain.id}</code>
139138
) : (
140139
""
141140
)}

‎apps/dashboard/src/components/engine/configuration/cors.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import {
22
useEngineCorsConfiguration,
33
useEngineSetCorsConfiguration,
44
} from "@3rdweb-sdk/react/hooks/useEngine";
5-
import { Code, Flex, Textarea } from "@chakra-ui/react";
5+
import { Flex, Textarea } from "@chakra-ui/react";
66
import { useTxNotifications } from "hooks/useTxNotifications";
77
import { useForm } from "react-hook-form";
88
import { Button, Heading, Text } from "tw-components";
@@ -55,7 +55,7 @@ export const EngineCorsConfig: React.FC<EngineCorsConfigProps> = ({
5555
<Heading size="title.md">Allowlisted Domains</Heading>
5656
<Text>
5757
Specify the origins that can call Engine (
58-
<Code>https://example.com</Code>).
58+
<code>https://example.com</code>).
5959
<br />
6060
Enter one origin per line, or leave this list empty to disallow calls
6161
from web clients.

‎apps/dashboard/src/components/engine/configuration/ip-allowlist.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import {
33
useEngineSetIpAllowlistConfiguration,
44
useEngineSystemHealth,
55
} from "@3rdweb-sdk/react/hooks/useEngine";
6-
import { Code, Flex, Textarea } from "@chakra-ui/react";
6+
import { Flex, Textarea } from "@chakra-ui/react";
77
import { useTxNotifications } from "hooks/useTxNotifications";
88
import { isValid } from "ipaddr.js";
99
import { useForm } from "react-hook-form";
@@ -74,7 +74,7 @@ export const EngineIpAllowlistConfig: React.FC<
7474
<Flex flexDir="column" gap={2}>
7575
<Heading size="title.md">Allowlist IPs</Heading>
7676
<Text>
77-
Specify the IP Addresses that can call Engine (<Code>8.8.8.8</Code>).
77+
Specify the IP Addresses that can call Engine (<code>8.8.8.8</code>).
7878
<br />
7979
Enter a comma separated list of IPs, or one IP per line, or leave this
8080
list empty to allow all IPs.

‎apps/dashboard/src/components/engine/permissions/engine-access-tokens.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import {
55
useEngineKeypairs,
66
useEngineSystemHealth,
77
} from "@3rdweb-sdk/react/hooks/useEngine";
8-
import { ButtonGroup, Code, Flex } from "@chakra-ui/react";
8+
import { ButtonGroup, Flex } from "@chakra-ui/react";
99
import { useState } from "react";
1010
import { Button, CodeBlock, Heading, Link, Text } from "tw-components";
1111
import { AccessTokensTable } from "./access-tokens-table";
@@ -104,7 +104,7 @@ const StandardAccessTokensPanel = ({
104104
<Flex direction="column" gap={2} mt={16}>
105105
<Heading size="title.md">Authenticate with your access token</Heading>
106106
<Text>
107-
Set the <Code>authorization</Code> header.
107+
Set the <code>authorization</code> header.
108108
</Text>
109109
<CodeBlock
110110
language="typescript"
@@ -155,7 +155,7 @@ const KeypairAuthenticationPanel = ({
155155
<Heading size="title.md">Authenticate with your access token</Heading>
156156

157157
<Text>
158-
Set the <Code>authorization</Code> header.
158+
Set the <code>authorization</code> header.
159159
</Text>
160160
<CodeBlock
161161
language="typescript"

‎apps/dashboard/src/contract-ui/tabs/claim-conditions/components/snapshot-upload.tsx‎

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import { useThirdwebClient } from "@/constants/thirdweb.client";
22
import { cn } from "@/lib/utils";
33
import {
44
Box,
5-
Code,
65
Container,
76
Flex,
87
Icon,
@@ -267,7 +266,7 @@ export const SnapshotUpload: React.FC<SnapshotUploadProps> = ({
267266
<>
268267
<Text as={ListItem}>
269268
Files <em>must</em> contain one .csv file with a list
270-
of addresses and their <Code>maxClaimable</Code>.
269+
of addresses and their <code>maxClaimable</code>.
271270
(amount each wallet is allowed to claim)
272271
<br />
273272
<Link
@@ -280,8 +279,8 @@ export const SnapshotUpload: React.FC<SnapshotUploadProps> = ({
280279
</Link>
281280
</Text>
282281
<Text as={ListItem}>
283-
You may optionally add <Code>price</Code> and
284-
<Code>currencyAddress</Code> overrides as well. This
282+
You may optionally add <code>price</code> and
283+
<code>currencyAddress</code> overrides as well. This
285284
lets you override the currency and price you would
286285
like to charge per wallet you specified
287286
<br />
@@ -307,7 +306,7 @@ export const SnapshotUpload: React.FC<SnapshotUploadProps> = ({
307306
</Link>
308307
</Text>
309308
<Text as={ListItem}>
310-
You may optionally add a <Code>maxClaimable</Code>
309+
You may optionally add a <code>maxClaimable</code>
311310
column override. (amount each wallet is allowed to
312311
claim) If not specified, the default value is the one
313312
you have set on your claim phase.
@@ -322,8 +321,8 @@ export const SnapshotUpload: React.FC<SnapshotUploadProps> = ({
322321
</Link>
323322
</Text>
324323
<Text as={ListItem}>
325-
You may optionally add <Code>price</Code> and
326-
<Code>currencyAddress</Code> overrides. This lets you
324+
You may optionally add <code>price</code> and
325+
<code>currencyAddress</code> overrides. This lets you
327326
override the currency and price you would like to
328327
charge per wallet you specified.
329328
<strong>

‎apps/dashboard/src/contract-ui/tabs/permissions/page.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
"use client";
22

33
import { useIsomorphicLayoutEffect } from "@/lib/useIsomorphicLayoutEffect";
4-
import { ButtonGroup, Code, Divider, Flex } from "@chakra-ui/react";
4+
import { ButtonGroup, Divider, Flex } from "@chakra-ui/react";
55
import { useTabHref } from "contract-ui/utils";
66
import type { ThirdwebContract } from "thirdweb";
77
import { Card, Heading, Link, LinkButton, Text } from "tw-components";
@@ -29,7 +29,7 @@ export const ContractPermissionsPage: React.FC<
2929
Missing PermissionsEnumerable Extension
3030
</Heading>
3131
<Text>
32-
This contract does not support the <Code>PermissionsEnumerable</Code>
32+
This contract does not support the <code>PermissionsEnumerable</code>
3333
extension.
3434
<br />
3535
As a result, you can only view and manage basic permissions via the

‎apps/dashboard/src/core-ui/batch-upload/upload-step.tsx‎

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { cn } from "@/lib/utils";
22
import {
3-
Code,
43
Container,
54
Flex,
65
Icon,
@@ -82,13 +81,13 @@ export const UploadStep: React.FC<UploadStepProps> = ({
8281
.
8382
</ListItem>
8483
<ListItem>
85-
The csv <em>must</em> have a <Code>name</Code> column, which
84+
The csv <em>must</em> have a <code>name</code> column, which
8685
defines the name of the NFT.
8786
</ListItem>
8887
<ListItem>
8988
Asset names <em>must</em> be sequential 0,1,2,3...n.[extension].
9089
It doesn&apos;t matter at what number you begin. (Example:
91-
<Code>131.png</Code>, <Code>132.png</Code>).
90+
<code>131.png</code>, <code>132.png</code>).
9291
</ListItem>
9392
<ListItem>
9493
Make sure to drag and drop the CSV/JSON and the images
@@ -104,23 +103,23 @@ export const UploadStep: React.FC<UploadStepProps> = ({
104103
<br />
105104
<small>
106105
They both have to follow the asset naming convention above.
107-
(Example: <Code>0.png</Code> and <Code>0.mp4</Code>,
108-
<Code>1.png</Code> and <Code>1.glb</Code>, etc.)
106+
(Example: <code>0.png</code> and <code>0.mp4</code>,
107+
<code>1.png</code> and <code>1.glb</code>, etc.)
109108
</small>
110109
</ListItem>
111110
<ListItem>
112111
When uploading files, we will upload them and pin them to IPFS
113112
automatically for you. If you already have the files uploaded,
114-
you can add an <Code>image</Code> and/or
115-
<Code>animation_url</Code> column and add the IPFS hashes there.
113+
you can add an <code>image</code> and/or
114+
<code>animation_url</code> column and add the IPFS hashes there.
116115
<Link download color="blue.500" href="/example-with-ipfs.csv">
117116
Download example.csv
118117
</Link>
119118
</ListItem>
120119
<ListItem>
121120
If you want to make your media files map to your NFTs, you can
122-
add add the name of your files to the <Code>image</Code> and
123-
<Code>animation_url</Code> column.
121+
add add the name of your files to the <code>image</code> and
122+
<code>animation_url</code> column.
124123
<Link download color="blue.500" href="/example-with-maps.csv">
125124
Download example.csv
126125
</Link>

0 commit comments

Comments
 (0)