diff --git a/apps/dashboard/src/components/dashboard/RelevantDataSection.tsx b/apps/dashboard/src/components/dashboard/RelevantDataSection.tsx index db220b27929..ad7c976fa14 100644 --- a/apps/dashboard/src/components/dashboard/RelevantDataSection.tsx +++ b/apps/dashboard/src/components/dashboard/RelevantDataSection.tsx @@ -1,6 +1,6 @@ import { Flex } from "@chakra-ui/react"; +import { MoveRightIcon } from "lucide-react"; import { useState } from "react"; -import { BsArrowRight } from "react-icons/bs"; import { Heading, Text, TrackedLink } from "tw-components"; interface RelevantDataSectionProps { @@ -56,7 +56,7 @@ export const RelevantDataSection: React.FC = ({ alignItems="center" gap="0.5em" > - View more + View more ) : null} diff --git a/apps/dashboard/src/components/engine/configuration/engine-wallet-config.tsx b/apps/dashboard/src/components/engine/configuration/engine-wallet-config.tsx index 7d21fde3fb1..1d4bfe5b519 100644 --- a/apps/dashboard/src/components/engine/configuration/engine-wallet-config.tsx +++ b/apps/dashboard/src/components/engine/configuration/engine-wallet-config.tsx @@ -13,7 +13,6 @@ import { import { CircleAlertIcon } from "lucide-react"; import Link from "next/link"; import { useState } from "react"; -import {} from "react-icons/md"; import { Heading } from "tw-components"; import { KmsAwsConfig } from "./kms-aws-config"; import { KmsGcpConfig } from "./kms-gcp-config"; diff --git a/apps/dashboard/src/components/engine/configuration/webhooks-table.tsx b/apps/dashboard/src/components/engine/configuration/webhooks-table.tsx index 13cd1e0fc7c..460359af194 100644 --- a/apps/dashboard/src/components/engine/configuration/webhooks-table.tsx +++ b/apps/dashboard/src/components/engine/configuration/webhooks-table.tsx @@ -20,8 +20,8 @@ import { TWTable } from "components/shared/TWTable"; import { format, formatDistanceToNowStrict } from "date-fns"; import { useTrack } from "hooks/analytics/useTrack"; import { useTxNotifications } from "hooks/useTxNotifications"; +import { Trash2Icon } from "lucide-react"; import { useState } from "react"; -import { FiTrash } from "react-icons/fi"; import { Button, Card, FormLabel, Text } from "tw-components"; import { AddressCopyButton } from "tw-components/AddressCopyButton"; @@ -212,7 +212,7 @@ export const WebhooksTable: React.FC = ({ isFetched={isFetched} onMenuClick={[ { - icon: FiTrash, + icon: , text: "Delete", onClick: onDelete, isDestructive: true, diff --git a/apps/dashboard/src/components/engine/contract-subscription/contract-subscriptions-table.tsx b/apps/dashboard/src/components/engine/contract-subscription/contract-subscriptions-table.tsx index 7419a5d33fb..9a43da6465c 100644 --- a/apps/dashboard/src/components/engine/contract-subscription/contract-subscriptions-table.tsx +++ b/apps/dashboard/src/components/engine/contract-subscription/contract-subscriptions-table.tsx @@ -29,8 +29,9 @@ import { useTrack } from "hooks/analytics/useTrack"; import { useAllChainsData } from "hooks/chains/allChains"; import { useTxNotifications } from "hooks/useTxNotifications"; import { useV5DashboardChain } from "lib/v5-adapter"; +import { Trash2Icon } from "lucide-react"; import { useState } from "react"; -import { FiInfo, FiTrash } from "react-icons/fi"; +import { FiInfo } from "react-icons/fi"; import { eth_getBlockByNumber, getRpcClient } from "thirdweb"; import { shortenAddress as shortenAddresThrows } from "thirdweb/utils"; import { Button, Card, FormLabel, LinkButton, Text } from "tw-components"; @@ -221,7 +222,7 @@ export const ContractSubscriptionTable: React.FC< isFetched={isFetched} onMenuClick={[ { - icon: FiTrash, + icon: , text: "Remove", onClick: (contractSub) => { setSelectedContractSub(contractSub); diff --git a/apps/dashboard/src/components/engine/engine-instances-table.tsx b/apps/dashboard/src/components/engine/engine-instances-table.tsx index ec10e0f7eb1..18e949a3817 100644 --- a/apps/dashboard/src/components/engine/engine-instances-table.tsx +++ b/apps/dashboard/src/components/engine/engine-instances-table.tsx @@ -28,6 +28,7 @@ import { TWTable } from "components/shared/TWTable"; import { useTrack } from "hooks/analytics/useTrack"; import { CircleAlertIcon, + PencilIcon, SendIcon, Trash2Icon, TriangleAlertIcon, @@ -35,8 +36,6 @@ import { import Link from "next/link"; import { type ReactNode, useState } from "react"; import { useForm } from "react-hook-form"; -import { BiPencil } from "react-icons/bi"; -import { FiTrash } from "react-icons/fi"; import { toast } from "sonner"; import { FormLabel } from "tw-components"; @@ -140,7 +139,7 @@ export const EngineInstancesTable: React.FC = ({ isPending={isPending} onMenuClick={[ { - icon: BiPencil, + icon: , text: "Edit", onClick: (instance) => { trackEvent({ @@ -153,7 +152,7 @@ export const EngineInstancesTable: React.FC = ({ }, }, { - icon: FiTrash, + icon: , text: "Remove", onClick: (instance) => { trackEvent({ diff --git a/apps/dashboard/src/components/engine/overview/backend-wallets-table.tsx b/apps/dashboard/src/components/engine/overview/backend-wallets-table.tsx index 43503a0ee3b..3e2a58bf4c2 100644 --- a/apps/dashboard/src/components/engine/overview/backend-wallets-table.tsx +++ b/apps/dashboard/src/components/engine/overview/backend-wallets-table.tsx @@ -31,10 +31,10 @@ import { TWTable } from "components/shared/TWTable"; import { useTrack } from "hooks/analytics/useTrack"; import { useTxNotifications } from "hooks/useTxNotifications"; import { useActiveChainAsDashboardChain } from "lib/v5-adapter"; +import { DownloadIcon, Trash2Icon, UploadIcon } from "lucide-react"; import QRCode from "qrcode"; import { useState } from "react"; import { useForm } from "react-hook-form"; -import { BiExport, BiImport, BiPencil } from "react-icons/bi"; import { getAddress } from "thirdweb"; import { shortenAddress } from "thirdweb/utils"; import { @@ -164,7 +164,7 @@ export const BackendWalletsTable: React.FC = ({ isFetched={isFetched} onMenuClick={[ { - icon: BiPencil, + icon: , text: "Edit", onClick: (wallet) => { setSelectedBackendWallet(wallet); @@ -172,7 +172,7 @@ export const BackendWalletsTable: React.FC = ({ }, }, { - icon: BiImport, + icon: , text: "Receive funds", onClick: (wallet) => { setSelectedBackendWallet(wallet); @@ -180,7 +180,7 @@ export const BackendWalletsTable: React.FC = ({ }, }, { - icon: BiExport, + icon: , text: "Send funds", onClick: (wallet) => { setSelectedBackendWallet(wallet); diff --git a/apps/dashboard/src/components/engine/permissions/access-tokens-table.tsx b/apps/dashboard/src/components/engine/permissions/access-tokens-table.tsx index 1a784e61e4f..5cdb6ae4648 100644 --- a/apps/dashboard/src/components/engine/permissions/access-tokens-table.tsx +++ b/apps/dashboard/src/components/engine/permissions/access-tokens-table.tsx @@ -22,9 +22,8 @@ import { createColumnHelper } from "@tanstack/react-table"; import { TWTable } from "components/shared/TWTable"; import { useTrack } from "hooks/analytics/useTrack"; import { useTxNotifications } from "hooks/useTxNotifications"; +import { PencilIcon, Trash2Icon } from "lucide-react"; import { useState } from "react"; -import { BiPencil } from "react-icons/bi"; -import { FiTrash } from "react-icons/fi"; import { Button, FormLabel, Text } from "tw-components"; import { toDateTimeLocal } from "utils/date-utils"; @@ -96,7 +95,7 @@ export const AccessTokensTable: React.FC = ({ isFetched={isFetched} onMenuClick={[ { - icon: BiPencil, + icon: , text: "Edit", onClick: (accessToken) => { setSelectedAccessToken(accessToken); @@ -104,7 +103,7 @@ export const AccessTokensTable: React.FC = ({ }, }, { - icon: FiTrash, + icon: , text: "Delete", onClick: (accessToken) => { setSelectedAccessToken(accessToken); diff --git a/apps/dashboard/src/components/engine/permissions/admins-table.tsx b/apps/dashboard/src/components/engine/permissions/admins-table.tsx index 7d744117f39..a838cf07ff0 100644 --- a/apps/dashboard/src/components/engine/permissions/admins-table.tsx +++ b/apps/dashboard/src/components/engine/permissions/admins-table.tsx @@ -23,9 +23,8 @@ import { createColumnHelper } from "@tanstack/react-table"; import { TWTable } from "components/shared/TWTable"; import { useTrack } from "hooks/analytics/useTrack"; import { useTxNotifications } from "hooks/useTxNotifications"; +import { PencilIcon, Trash2Icon } from "lucide-react"; import { useState } from "react"; -import { BiPencil } from "react-icons/bi"; -import { FiTrash } from "react-icons/fi"; import { Button, FormLabel, Text } from "tw-components"; interface AdminsTableProps { @@ -83,7 +82,7 @@ export const AdminsTable: React.FC = ({ isFetched={isFetched} onMenuClick={[ { - icon: BiPencil, + icon: , text: "Edit", onClick: (admin) => { setSelectedAdmin(admin); @@ -91,7 +90,7 @@ export const AdminsTable: React.FC = ({ }, }, { - icon: FiTrash, + icon: , text: "Remove", onClick: (admin) => { setSelectedAdmin(admin); diff --git a/apps/dashboard/src/components/engine/permissions/keypairs-table.tsx b/apps/dashboard/src/components/engine/permissions/keypairs-table.tsx index 28b615134eb..d51a1b6dad2 100644 --- a/apps/dashboard/src/components/engine/permissions/keypairs-table.tsx +++ b/apps/dashboard/src/components/engine/permissions/keypairs-table.tsx @@ -20,8 +20,8 @@ import { createColumnHelper } from "@tanstack/react-table"; import { TWTable } from "components/shared/TWTable"; import { useTrack } from "hooks/analytics/useTrack"; import { useTxNotifications } from "hooks/useTxNotifications"; +import { Trash2Icon } from "lucide-react"; import { useState } from "react"; -import { FiTrash } from "react-icons/fi"; import { Button, CodeBlock, FormLabel, Text } from "tw-components"; import { toDateTimeLocal } from "utils/date-utils"; @@ -88,7 +88,7 @@ export const KeypairsTable: React.FC = ({ isFetched={isFetched} onMenuClick={[ { - icon: FiTrash, + icon: , text: "Remove", onClick: (keypair) => { setSelectedKeypair(keypair); diff --git a/apps/dashboard/src/components/engine/relayer/relayers-table.tsx b/apps/dashboard/src/components/engine/relayer/relayers-table.tsx index be0dd23e2c0..272a4d7c850 100644 --- a/apps/dashboard/src/components/engine/relayer/relayers-table.tsx +++ b/apps/dashboard/src/components/engine/relayer/relayers-table.tsx @@ -28,10 +28,9 @@ import { TWTable } from "components/shared/TWTable"; import { useTrack } from "hooks/analytics/useTrack"; import { useAllChainsData } from "hooks/chains/allChains"; import { useTxNotifications } from "hooks/useTxNotifications"; +import { PencilIcon, Trash2Icon } from "lucide-react"; import { useState } from "react"; import { useForm } from "react-hook-form"; -import { BiPencil } from "react-icons/bi"; -import { FiTrash } from "react-icons/fi"; import { shortenAddress } from "thirdweb/utils"; import { Button, @@ -159,7 +158,7 @@ export const RelayersTable: React.FC = ({ isFetched={isFetched} onMenuClick={[ { - icon: BiPencil, + icon: , text: "Edit", onClick: (relayer) => { setSelectedRelayer(relayer); @@ -167,7 +166,7 @@ export const RelayersTable: React.FC = ({ }, }, { - icon: FiTrash, + icon: , text: "Remove", onClick: (relayer) => { setSelectedRelayer(relayer); diff --git a/apps/dashboard/src/components/shared/TWTable.tsx b/apps/dashboard/src/components/shared/TWTable.tsx index e0facb95c0b..5cba685be59 100644 --- a/apps/dashboard/src/components/shared/TWTable.tsx +++ b/apps/dashboard/src/components/shared/TWTable.tsx @@ -29,11 +29,10 @@ import { } from "@tanstack/react-table"; import { EllipsisVerticalIcon, MoveRightIcon } from "lucide-react"; import pluralize from "pluralize"; -import { type SetStateAction, useMemo, useState } from "react"; -import type { IconType } from "react-icons/lib"; +import { type ReactNode, type SetStateAction, useMemo, useState } from "react"; type CtaMenuItem = { - icon?: IconType; + icon?: ReactNode; text: string; onClick: (row: TRowData) => void; isDestructive?: boolean; @@ -216,7 +215,7 @@ export function TWTable(tableProps: TWTableProps) { isDestructive && "!text-destructive-text", )} > - {icon?.({ className: "size-4" })} + {icon} {text} );