Skip to content

Commit 4305d6e

Browse files
kien-ngokien-ngo
committed
[Dashboard] Remove react-icons (2)
1 parent c21d388 commit 4305d6e

File tree

11 files changed

+39
-46
lines changed

11 files changed

+39
-46
lines changed

‎apps/dashboard/src/components/dashboard/RelevantDataSection.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { Flex } from "@chakra-ui/react";
2+
import { MoveRightIcon } from "lucide-react";
23
import { useState } from "react";
3-
import { BsArrowRight } from "react-icons/bs";
44
import { Heading, Text, TrackedLink } from "tw-components";
55

66
interface RelevantDataSectionProps {
@@ -56,7 +56,7 @@ export const RelevantDataSection: React.FC<RelevantDataSectionProps> = ({
5656
alignItems="center"
5757
gap="0.5em"
5858
>
59-
View more <BsArrowRight />
59+
View more <MoveRightIcon className="size-4" />
6060
</Text>
6161
) : null}
6262
</Flex>

‎apps/dashboard/src/components/engine/configuration/engine-wallet-config.tsx‎

Lines changed: 11 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { useEngineWalletConfig } from "@3rdweb-sdk/react/hooks/useEngine";
2-
import { ButtonGroup, Flex, Icon } from "@chakra-ui/react";
2+
import { ButtonGroup, Flex } from "@chakra-ui/react";
3+
import { CircleDotIcon, CircleIcon } from "lucide-react";
34
import { useState } from "react";
4-
import { MdRadioButtonChecked, MdRadioButtonUnchecked } from "react-icons/md";
55
import { Button, Heading, Link, Text } from "tw-components";
66
import { KmsAwsConfig } from "./kms-aws-config";
77
import { KmsGcpConfig } from "./kms-gcp-config";
@@ -40,14 +40,11 @@ export const EngineWalletConfig: React.FC<EngineWalletConfigProps> = ({
4040
<Button
4141
type="button"
4242
leftIcon={
43-
<Icon
44-
as={
45-
selected === "local"
46-
? MdRadioButtonChecked
47-
: MdRadioButtonUnchecked
48-
}
49-
boxSize={6}
50-
/>
43+
selected === "local" ? (
44+
<CircleDotIcon className="size-4" />
45+
) : (
46+
<CircleIcon className="size-4" />
47+
)
5148
}
5249
borderColor={selected === "local" ? "unset" : undefined}
5350
colorScheme={selected === "local" ? "blue" : undefined}
@@ -61,9 +58,9 @@ export const EngineWalletConfig: React.FC<EngineWalletConfigProps> = ({
6158
type="button"
6259
leftIcon={
6360
selected === "aws-kms" ? (
64-
<MdRadioButtonChecked />
61+
<CircleDotIcon className="size-4" />
6562
) : (
66-
<MdRadioButtonUnchecked />
63+
<CircleIcon className="size-4" />
6764
)
6865
}
6966
borderColor={selected === "aws-kms" ? "unset" : undefined}
@@ -78,9 +75,9 @@ export const EngineWalletConfig: React.FC<EngineWalletConfigProps> = ({
7875
type="button"
7976
leftIcon={
8077
selected === "gcp-kms" ? (
81-
<MdRadioButtonChecked />
78+
<CircleDotIcon className="size-4" />
8279
) : (
83-
<MdRadioButtonUnchecked />
80+
<CircleIcon className="size-4" />
8481
)
8582
}
8683
borderColor={selected === "gcp-kms" ? "unset" : undefined}

‎apps/dashboard/src/components/engine/configuration/webhooks-table.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@ import { TWTable } from "components/shared/TWTable";
2020
import { format, formatDistanceToNowStrict } from "date-fns";
2121
import { useTrack } from "hooks/analytics/useTrack";
2222
import { useTxNotifications } from "hooks/useTxNotifications";
23+
import { Trash2Icon } from "lucide-react";
2324
import { useState } from "react";
24-
import { FiTrash } from "react-icons/fi";
2525
import { Button, Card, FormLabel, Text } from "tw-components";
2626
import { AddressCopyButton } from "tw-components/AddressCopyButton";
2727

@@ -212,7 +212,7 @@ export const WebhooksTable: React.FC<WebhooksTableProps> = ({
212212
isFetched={isFetched}
213213
onMenuClick={[
214214
{
215-
icon: FiTrash,
215+
icon: <Trash2Icon className="size-4" />,
216216
text: "Delete",
217217
onClick: onDelete,
218218
isDestructive: true,

‎apps/dashboard/src/components/engine/contract-subscription/contract-subscriptions-table.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,9 @@ import { useTrack } from "hooks/analytics/useTrack";
2929
import { useAllChainsData } from "hooks/chains/allChains";
3030
import { useTxNotifications } from "hooks/useTxNotifications";
3131
import { useV5DashboardChain } from "lib/v5-adapter";
32+
import { Trash2Icon } from "lucide-react";
3233
import { useState } from "react";
33-
import { FiInfo, FiTrash } from "react-icons/fi";
34+
import { FiInfo } from "react-icons/fi";
3435
import { eth_getBlockByNumber, getRpcClient } from "thirdweb";
3536
import { shortenAddress as shortenAddresThrows } from "thirdweb/utils";
3637
import { Button, Card, FormLabel, LinkButton, Text } from "tw-components";
@@ -221,7 +222,7 @@ export const ContractSubscriptionTable: React.FC<
221222
isFetched={isFetched}
222223
onMenuClick={[
223224
{
224-
icon: FiTrash,
225+
icon: <Trash2Icon className="size-4" />,
225226
text: "Remove",
226227
onClick: (contractSub) => {
227228
setSelectedContractSub(contractSub);

‎apps/dashboard/src/components/engine/engine-instances-table.tsx‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -28,15 +28,14 @@ import { TWTable } from "components/shared/TWTable";
2828
import { useTrack } from "hooks/analytics/useTrack";
2929
import {
3030
CircleAlertIcon,
31+
PencilIcon,
3132
SendIcon,
3233
Trash2Icon,
3334
TriangleAlertIcon,
3435
} from "lucide-react";
3536
import Link from "next/link";
3637
import { type ReactNode, useState } from "react";
3738
import { useForm } from "react-hook-form";
38-
import { BiPencil } from "react-icons/bi";
39-
import { FiTrash } from "react-icons/fi";
4039
import { toast } from "sonner";
4140
import { FormLabel } from "tw-components";
4241

@@ -140,7 +139,7 @@ export const EngineInstancesTable: React.FC<EngineInstancesTableProps> = ({
140139
isPending={isPending}
141140
onMenuClick={[
142141
{
143-
icon: BiPencil,
142+
icon: <PencilIcon className="size-4" />,
144143
text: "Edit",
145144
onClick: (instance) => {
146145
trackEvent({
@@ -153,7 +152,7 @@ export const EngineInstancesTable: React.FC<EngineInstancesTableProps> = ({
153152
},
154153
},
155154
{
156-
icon: FiTrash,
155+
icon: <Trash2Icon className="size-4" />,
157156
text: "Remove",
158157
onClick: (instance) => {
159158
trackEvent({

‎apps/dashboard/src/components/engine/overview/backend-wallets-table.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -31,10 +31,10 @@ import { TWTable } from "components/shared/TWTable";
3131
import { useTrack } from "hooks/analytics/useTrack";
3232
import { useTxNotifications } from "hooks/useTxNotifications";
3333
import { useActiveChainAsDashboardChain } from "lib/v5-adapter";
34+
import { DownloadIcon, Trash2Icon, UploadIcon } from "lucide-react";
3435
import QRCode from "qrcode";
3536
import { useState } from "react";
3637
import { useForm } from "react-hook-form";
37-
import { BiExport, BiImport, BiPencil } from "react-icons/bi";
3838
import { getAddress } from "thirdweb";
3939
import { shortenAddress } from "thirdweb/utils";
4040
import {
@@ -164,23 +164,23 @@ export const BackendWalletsTable: React.FC<BackendWalletsTableProps> = ({
164164
isFetched={isFetched}
165165
onMenuClick={[
166166
{
167-
icon: BiPencil,
167+
icon: <Trash2Icon className="size-4" />,
168168
text: "Edit",
169169
onClick: (wallet) => {
170170
setSelectedBackendWallet(wallet);
171171
editDisclosure.onOpen();
172172
},
173173
},
174174
{
175-
icon: BiImport,
175+
icon: <DownloadIcon className="size-4" />,
176176
text: "Receive funds",
177177
onClick: (wallet) => {
178178
setSelectedBackendWallet(wallet);
179179
receiveDisclosure.onOpen();
180180
},
181181
},
182182
{
183-
icon: BiExport,
183+
icon: <UploadIcon className="size-4" />,
184184
text: "Send funds",
185185
onClick: (wallet) => {
186186
setSelectedBackendWallet(wallet);

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

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,9 +22,8 @@ import { createColumnHelper } from "@tanstack/react-table";
2222
import { TWTable } from "components/shared/TWTable";
2323
import { useTrack } from "hooks/analytics/useTrack";
2424
import { useTxNotifications } from "hooks/useTxNotifications";
25+
import { PencilIcon, Trash2Icon } from "lucide-react";
2526
import { useState } from "react";
26-
import { BiPencil } from "react-icons/bi";
27-
import { FiTrash } from "react-icons/fi";
2827
import { Button, FormLabel, Text } from "tw-components";
2928
import { toDateTimeLocal } from "utils/date-utils";
3029

@@ -96,15 +95,15 @@ export const AccessTokensTable: React.FC<AccessTokensTableProps> = ({
9695
isFetched={isFetched}
9796
onMenuClick={[
9897
{
99-
icon: BiPencil,
98+
icon: <PencilIcon className="size-4" />,
10099
text: "Edit",
101100
onClick: (accessToken) => {
102101
setSelectedAccessToken(accessToken);
103102
editDisclosure.onOpen();
104103
},
105104
},
106105
{
107-
icon: FiTrash,
106+
icon: <Trash2Icon className="size-4" />,
108107
text: "Delete",
109108
onClick: (accessToken) => {
110109
setSelectedAccessToken(accessToken);

‎apps/dashboard/src/components/engine/permissions/admins-table.tsx‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -23,9 +23,8 @@ import { createColumnHelper } from "@tanstack/react-table";
2323
import { TWTable } from "components/shared/TWTable";
2424
import { useTrack } from "hooks/analytics/useTrack";
2525
import { useTxNotifications } from "hooks/useTxNotifications";
26+
import { PencilIcon, Trash2Icon } from "lucide-react";
2627
import { useState } from "react";
27-
import { BiPencil } from "react-icons/bi";
28-
import { FiTrash } from "react-icons/fi";
2928
import { Button, FormLabel, Text } from "tw-components";
3029

3130
interface AdminsTableProps {
@@ -83,15 +82,15 @@ export const AdminsTable: React.FC<AdminsTableProps> = ({
8382
isFetched={isFetched}
8483
onMenuClick={[
8584
{
86-
icon: BiPencil,
85+
icon: <PencilIcon className="size-4" />,
8786
text: "Edit",
8887
onClick: (admin) => {
8988
setSelectedAdmin(admin);
9089
editDisclosure.onOpen();
9190
},
9291
},
9392
{
94-
icon: FiTrash,
93+
icon: <Trash2Icon className="size-4" />,
9594
text: "Remove",
9695
onClick: (admin) => {
9796
setSelectedAdmin(admin);

‎apps/dashboard/src/components/engine/permissions/keypairs-table.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@ import { createColumnHelper } from "@tanstack/react-table";
2020
import { TWTable } from "components/shared/TWTable";
2121
import { useTrack } from "hooks/analytics/useTrack";
2222
import { useTxNotifications } from "hooks/useTxNotifications";
23+
import { Trash2Icon } from "lucide-react";
2324
import { useState } from "react";
24-
import { FiTrash } from "react-icons/fi";
2525
import { Button, CodeBlock, FormLabel, Text } from "tw-components";
2626
import { toDateTimeLocal } from "utils/date-utils";
2727

@@ -88,7 +88,7 @@ export const KeypairsTable: React.FC<KeypairsTableProps> = ({
8888
isFetched={isFetched}
8989
onMenuClick={[
9090
{
91-
icon: FiTrash,
91+
icon: <Trash2Icon className="size-4" />,
9292
text: "Remove",
9393
onClick: (keypair) => {
9494
setSelectedKeypair(keypair);

‎apps/dashboard/src/components/engine/relayer/relayers-table.tsx‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -28,10 +28,9 @@ import { TWTable } from "components/shared/TWTable";
2828
import { useTrack } from "hooks/analytics/useTrack";
2929
import { useAllChainsData } from "hooks/chains/allChains";
3030
import { useTxNotifications } from "hooks/useTxNotifications";
31+
import { PencilIcon, Trash2Icon } from "lucide-react";
3132
import { useState } from "react";
3233
import { useForm } from "react-hook-form";
33-
import { BiPencil } from "react-icons/bi";
34-
import { FiTrash } from "react-icons/fi";
3534
import { shortenAddress } from "thirdweb/utils";
3635
import {
3736
Button,
@@ -159,15 +158,15 @@ export const RelayersTable: React.FC<RelayersTableProps> = ({
159158
isFetched={isFetched}
160159
onMenuClick={[
161160
{
162-
icon: BiPencil,
161+
icon: <PencilIcon className="size-4" />,
163162
text: "Edit",
164163
onClick: (relayer) => {
165164
setSelectedRelayer(relayer);
166165
editDisclosure.onOpen();
167166
},
168167
},
169168
{
170-
icon: FiTrash,
169+
icon: <Trash2Icon className="size-4" />,
171170
text: "Remove",
172171
onClick: (relayer) => {
173172
setSelectedRelayer(relayer);

0 commit comments

Comments
 (0)