Skip to content

Commit 8a6e419

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

File tree

7 files changed

+30
-34
lines changed

7 files changed

+30
-34
lines changed

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

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -29,9 +29,8 @@ 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";
32+
import { InfoIcon, Trash2Icon } from "lucide-react";
3333
import { useState } from "react";
34-
import { FiInfo } from "react-icons/fi";
3534
import { eth_getBlockByNumber, getRpcClient } from "thirdweb";
3635
import { shortenAddress as shortenAddresThrows } from "thirdweb/utils";
3736
import { Button, Card, FormLabel, LinkButton, Text } from "tw-components";
@@ -316,7 +315,7 @@ const ChainLastBlock = ({
316315
shouldWrapChildren
317316
placement="auto"
318317
>
319-
<FiInfo />
318+
<InfoIcon />
320319
</Tooltip>
321320
</Flex>
322321
);

‎apps/dashboard/src/components/engine/overview/transaction-timeline.tsx‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,8 @@ import {
1919
} from "@chakra-ui/react";
2020
import { format } from "date-fns";
2121
import { useTxNotifications } from "hooks/useTxNotifications";
22+
import { CheckIcon } from "lucide-react";
2223
import { useRef } from "react";
23-
import { FiCheck } from "react-icons/fi";
2424
import { Button, FormLabel, Text } from "tw-components";
2525
import { AddressCopyButton } from "tw-components/AddressCopyButton";
2626

@@ -133,7 +133,10 @@ export const TransactionTimeline = ({
133133
// biome-ignore lint/suspicious/noArrayIndexKey: FIXME
134134
<Step key={index} as={Flex} w="full">
135135
<StepIndicator>
136-
<StepStatus complete={<FiCheck />} active={<FiCheck />} />
136+
<StepStatus
137+
complete={<CheckIcon className="size-4" />}
138+
active={<CheckIcon className="size-4" />}
139+
/>
137140
</StepIndicator>
138141
<Flex justify="space-between" w="full" mt={-1}>
139142
<div className="flex flex-col gap-2">

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

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -18,8 +18,8 @@ import { ChainIcon } from "components/icons/ChainIcon";
1818
import { formatDistanceToNowStrict } from "date-fns";
1919
import { format } from "date-fns/format";
2020
import { useAllChainsData } from "hooks/chains/allChains";
21+
import { InfoIcon, MoveLeftIcon, MoveRightIcon } from "lucide-react";
2122
import { useState } from "react";
22-
import { FiArrowLeft, FiArrowRight, FiInfo } from "react-icons/fi";
2323
import { toTokens } from "thirdweb";
2424
import {
2525
Button,
@@ -175,7 +175,9 @@ export const TransactionsTable: React.FC<TransactionsTableProps> = ({
175175
<Badge variant={statusDetails[status].type}>
176176
<Flex gap={1} align="center">
177177
{statusDetails[status].name}
178-
{statusDetails[status].showTooltipIcon && <FiInfo />}
178+
{statusDetails[status].showTooltipIcon && (
179+
<InfoIcon className="size-4" />
180+
)}
179181
</Flex>
180182
</Badge>
181183
</div>
@@ -356,15 +358,15 @@ const TransactionDetailsDrawer = ({
356358
isDisabled={!onClickPrevious}
357359
onClick={onClickPrevious}
358360
variant="outline"
359-
leftIcon={<FiArrowLeft />}
361+
leftIcon={<MoveLeftIcon className="size-4" />}
360362
>
361363
Previous
362364
</Button>
363365
<Button
364366
isDisabled={!onClickNext}
365367
onClick={onClickNext}
366368
variant="outline"
367-
rightIcon={<FiArrowRight />}
369+
rightIcon={<MoveRightIcon className="size-4" />}
368370
>
369371
Next
370372
</Button>
@@ -485,7 +487,7 @@ const TransactionDetailsDrawer = ({
485487
label={`The amount of ${symbol} sent to the "To" .`}
486488
shouldWrapChildren
487489
>
488-
<FiInfo />
490+
<InfoIcon className="size-4" />
489491
</Tooltip>
490492
</div>
491493
<Text>
@@ -532,7 +534,7 @@ const TransactionDetailsDrawer = ({
532534
label="The nonce value this transaction was submitted to mempool."
533535
shouldWrapChildren
534536
>
535-
<FiInfo />
537+
<InfoIcon className="size-4" />
536538
</Tooltip>
537539
</div>
538540
<Text>{transaction.nonce ?? "N/A"}</Text>
@@ -547,7 +549,7 @@ const TransactionDetailsDrawer = ({
547549
label="The gas units spent for this transaction."
548550
shouldWrapChildren
549551
>
550-
<FiInfo />
552+
<InfoIcon className="size-4" />
551553
</Tooltip>
552554
</div>
553555
<Text>{Number(transaction.gasLimit).toLocaleString()}</Text>
@@ -562,7 +564,7 @@ const TransactionDetailsDrawer = ({
562564
label="The price in wei spent for each gas unit."
563565
shouldWrapChildren
564566
>
565-
<FiInfo />
567+
<InfoIcon className="size-4" />
566568
</Tooltip>
567569
</div>
568570
<Text>{Number(transaction.gasPrice).toLocaleString()}</Text>

‎apps/dashboard/src/components/engine/system-metrics/index.tsx‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,8 @@ import {
66
useEngineQueueMetrics,
77
useEngineSystemMetrics,
88
} from "@3rdweb-sdk/react/hooks/useEngine";
9-
import { Flex, Icon } from "@chakra-ui/react";
10-
import { FaChartArea } from "react-icons/fa";
11-
import { IoIosInformationCircleOutline } from "react-icons/io";
9+
import { Flex } from "@chakra-ui/react";
10+
import { ChartAreaIcon, InfoIcon } from "lucide-react";
1211
import { Card, Heading, Text, TrackedLink } from "tw-components";
1312
import { ErrorRate } from "./components/ErrorRate";
1413
import { Healthcheck } from "./components/Healthcheck";
@@ -30,7 +29,7 @@ export const EngineSystemMetrics: React.FC<EngineStatusProps> = ({
3029
<Card p={8}>
3130
<div className="flex flex-col gap-4">
3231
<Flex gap={2} align="center">
33-
<Icon as={IoIosInformationCircleOutline} />
32+
<InfoIcon className="size-4" />
3433
<Heading size="title.xs">
3534
System metrics are unavailable for self-hosted Engine.
3635
</Heading>
@@ -56,7 +55,7 @@ export const EngineSystemMetrics: React.FC<EngineStatusProps> = ({
5655
<Card p={16}>
5756
<div className="flex flex-col gap-4">
5857
<Flex gap={2} align="center" pb={-2}>
59-
<Icon as={FaChartArea} />
58+
<ChartAreaIcon className="size-4" />
6059
<Heading size="title.md">System Metrics</Heading>
6160
</Flex>
6261

‎apps/dashboard/src/components/homepage/sections/AnyEVM.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import { Box, Flex, Icon, Image } from "@chakra-ui/react";
1+
import { Box, Flex, Image } from "@chakra-ui/react";
22
import { HomepageSection } from "components/product-pages/homepage/HomepageSection";
3-
import { BsLightningCharge } from "react-icons/bs";
3+
import { ZapIcon } from "lucide-react";
44
import { Heading, LinkButton, Text } from "tw-components";
55

66
export const AnyEVMSection = () => {
@@ -48,7 +48,7 @@ export const AnyEVMSection = () => {
4848
py={7}
4949
// h={{ base: "48px", md: "68px" }}
5050
fontSize="20px"
51-
leftIcon={<Icon as={BsLightningCharge} color="black" />}
51+
leftIcon={<ZapIcon className="size-5" />}
5252
color="black"
5353
flexShrink={0}
5454
background="rgba(255,255,255,1)"

‎apps/dashboard/src/components/homepage/sections/NewsletterSection.tsx‎

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,6 @@
1-
import {
2-
Box,
3-
Container,
4-
Flex,
5-
FormControl,
6-
Icon,
7-
Input,
8-
} from "@chakra-ui/react";
1+
import { Box, Container, Flex, FormControl, Input } from "@chakra-ui/react";
2+
import { MailCheckIcon } from "lucide-react";
93
import { useState } from "react";
10-
import { MdMarkEmailRead } from "react-icons/md";
114
import { Button, Text } from "tw-components";
125

136
export const NewsletterSection = () => {
@@ -41,7 +34,7 @@ export const NewsletterSection = () => {
4134
<Container as="section" maxW="container.page" color="gray.500">
4235
<div className="flex flex-col justify-between gap-8 px-12 py-12 md:flex-row md:py-16">
4336
<div className="flex flex-row items-center gap-5">
44-
<Icon boxSize={8} color="white" as={MdMarkEmailRead} />
37+
<MailCheckIcon className="size-8 text-white" />
4538
<div className="flex flex-col gap-2">
4639
<Text color="white" size="label.lg">
4740
Sign up for our newsletter

‎apps/dashboard/src/components/landing-pages/cta-buttons.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import { Flex, Icon } from "@chakra-ui/react";
2-
import { BsFillLightningChargeFill } from "react-icons/bs";
1+
import { Flex } from "@chakra-ui/react";
2+
import { ZapIcon } from "lucide-react";
33
import { TrackedLinkButton, type TrackedLinkProps } from "tw-components";
44

55
interface LandingCTAButtonsProps {
@@ -33,7 +33,7 @@ export const LandingCTAButtons: React.FC<LandingCTAButtonsProps> = ({
3333
<Flex gap={{ base: 4, md: 6 }} mx={alignLeft ? "inherit" : "auto"}>
3434
{!noCta && (
3535
<TrackedLinkButton
36-
leftIcon={<Icon as={BsFillLightningChargeFill} boxSize={4} />}
36+
leftIcon={<ZapIcon className="size-4 fill-inherit" />}
3737
py={6}
3838
px={8}
3939
bgColor="white"

0 commit comments

Comments
 (0)