-
@@ -46,7 +46,7 @@ export function AgentIcon({ address, width, height }: AgentIconProps) {
className="hidden items-center justify-center"
style={{ width, height }}
>
-
@@ -82,7 +82,7 @@ export function AgentIcon({ address, width, height }: AgentIconProps) {
className="hidden items-center justify-center"
style={{ width, height }}
>
-
diff --git a/src/components/shared/table-pagination.tsx b/src/components/shared/table-pagination.tsx
index 6d16dc83..2d189d1f 100644
--- a/src/components/shared/table-pagination.tsx
+++ b/src/components/shared/table-pagination.tsx
@@ -2,7 +2,8 @@ import { useState, useEffect } from 'react';
import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover';
import { Input } from '@/components/ui/input';
import { Tooltip } from '@/components/ui/tooltip';
-import { ChevronLeftIcon, ChevronRightIcon, MagnifyingGlassIcon } from '@radix-ui/react-icons';
+import { ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';
+import { FiSearch } from 'react-icons/fi';
import { TooltipContent } from '@/components/shared/tooltip-content';
import { Button } from '@/components/ui/button';
import { cn } from '@/utils';
@@ -200,7 +201,7 @@ export function TablePagination({
}
+ icon={
}
/>
}
>
@@ -211,7 +212,7 @@ export function TablePagination({
disabled={isLoading}
className="h-8 w-8 font-zen !font-normal"
>
-
+
diff --git a/src/components/shared/token-icon.tsx b/src/components/shared/token-icon.tsx
index 17f57157..e6425cde 100644
--- a/src/components/shared/token-icon.tsx
+++ b/src/components/shared/token-icon.tsx
@@ -1,7 +1,7 @@
import { useMemo } from 'react';
import { Tooltip } from '@/components/ui/tooltip';
import Image from 'next/image';
-import { FiExternalLink } from 'react-icons/fi';
+import { ExternalLinkIcon } from '@radix-ui/react-icons';
import { useTokensQuery } from '@/hooks/queries/useTokensQuery';
import { TooltipContent } from '@/components/shared/tooltip-content';
import { getExplorerUrl } from '@/utils/networks';
@@ -74,7 +74,7 @@ export function TokenIcon({
title={title}
detail={detail}
secondaryDetail={secondaryDetail}
- actionIcon={explorerUrl ?
: undefined}
+ actionIcon={explorerUrl ?
: undefined}
actionHref={explorerUrl ?? undefined}
onActionClick={(e) => e.stopPropagation()}
/>
diff --git a/src/components/ui/calendar.tsx b/src/components/ui/calendar.tsx
index 3cc6e337..718c32d0 100644
--- a/src/components/ui/calendar.tsx
+++ b/src/components/ui/calendar.tsx
@@ -1,7 +1,7 @@
'use client';
import * as React from 'react';
-import { FiChevronDown, FiChevronLeft, FiChevronRight } from 'react-icons/fi';
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from '@radix-ui/react-icons';
import { DayButton, DayPicker, getDefaultClassNames } from 'react-day-picker';
import { cn } from '@/utils/components';
@@ -98,14 +98,14 @@ function Calendar({
},
Chevron: ({ className: chevronClassName, orientation, ...chevronProps }) => {
if (orientation === 'left') {
- return
;
+ return
;
}
if (orientation === 'right') {
- return
;
+ return
;
}
- return
;
+ return
;
},
DayButton: CalendarDayButton,
WeekNumber: ({ children, ...weekProps }) => {
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
index 466432cc..17e9878a 100644
--- a/src/components/ui/dropdown-menu.tsx
+++ b/src/components/ui/dropdown-menu.tsx
@@ -1,7 +1,8 @@
import * as React from "react"
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
import { FaCheck } from "react-icons/fa6";
-import { GoChevronRight, GoCircle } from "react-icons/go";
+import { ChevronRightIcon } from "@radix-ui/react-icons";
+import { GoCircle } from "react-icons/go";
import { cn } from "@/utils/components"
@@ -36,7 +37,7 @@ const DropdownMenuSubTrigger = React.forwardRef<
{...props}
>
{children}
-
+
))
DropdownMenuSubTrigger.displayName =
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
index 22910d93..a1f07713 100644
--- a/src/components/ui/select.tsx
+++ b/src/components/ui/select.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import * as SelectPrimitive from '@radix-ui/react-select';
-import { GoCheck, GoChevronDown, GoChevronUp } from 'react-icons/go';
+import { ChevronDownIcon, ChevronUpIcon } from '@radix-ui/react-icons';
+import { GoCheck } from 'react-icons/go';
import { cn } from '@/utils/components';
@@ -27,7 +28,7 @@ const SelectTrigger = React.forwardRef<
>
{children}
-
+
));
@@ -42,7 +43,7 @@ const SelectScrollUpButton = React.forwardRef<
className={cn('flex cursor-default items-center justify-center py-1', className)}
{...props}
>
-
+
));
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
@@ -56,7 +57,7 @@ const SelectScrollDownButton = React.forwardRef<
className={cn('flex cursor-default items-center justify-center py-1', className)}
{...props}
>
-
+
));
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
diff --git a/src/features/admin/components/asset-metrics-table.tsx b/src/features/admin/components/asset-metrics-table.tsx
index 4f31668e..aa4cbba9 100644
--- a/src/features/admin/components/asset-metrics-table.tsx
+++ b/src/features/admin/components/asset-metrics-table.tsx
@@ -1,5 +1,5 @@
import { useState, useMemo } from 'react';
-import { FiChevronUp, FiChevronDown } from 'react-icons/fi';
+import { ChevronUpIcon, ChevronDownIcon } from '@radix-ui/react-icons';
import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from '@/components/ui/table';
import { TableContainerWithHeader } from '@/components/common/table-container-with-header';
import { TokenIcon } from '@/components/shared/token-icon';
@@ -35,7 +35,7 @@ function SortableHeader({ label, sortKeyValue, currentSortKey, sortDirection, on
{label}
{currentSortKey === sortKeyValue &&
- (sortDirection === 'asc' ?
:
)}
+ (sortDirection === 'asc' ?
:
)}
);
diff --git a/src/features/admin/components/transactions-table.tsx b/src/features/admin/components/transactions-table.tsx
index 00fe8f30..be282f51 100644
--- a/src/features/admin/components/transactions-table.tsx
+++ b/src/features/admin/components/transactions-table.tsx
@@ -1,5 +1,5 @@
import { useState, useMemo } from 'react';
-import { FiChevronUp, FiChevronDown } from 'react-icons/fi';
+import { ChevronUpIcon, ChevronDownIcon } from '@radix-ui/react-icons';
import { Table, TableHeader, TableRow, TableHead } from '@/components/ui/table';
import { TablePagination } from '@/components/shared/table-pagination';
import type { SupportedNetworks } from '@/utils/networks';
@@ -50,7 +50,7 @@ function SortableHeader({ label, sortKeyValue, currentSortKey, sortDirection, on
{label}
{currentSortKey === sortKeyValue &&
- (sortDirection === 'asc' ?
:
)}
+ (sortDirection === 'asc' ?
:
)}
);
diff --git a/src/features/autovault/components/vault-detail/modals/vault-settings-modal.tsx b/src/features/autovault/components/vault-detail/modals/vault-settings-modal.tsx
index 3e0d4c4f..6698b146 100644
--- a/src/features/autovault/components/vault-detail/modals/vault-settings-modal.tsx
+++ b/src/features/autovault/components/vault-detail/modals/vault-settings-modal.tsx
@@ -2,7 +2,7 @@
import { useCallback } from 'react';
import { RefetchIcon } from '@/components/ui/refetch-icon';
-import { FiSettings } from 'react-icons/fi';
+import { GearIcon } from '@radix-ui/react-icons';
import type { Address } from 'viem';
import { Modal, ModalBody, ModalHeader } from '@/components/common/Modal';
import { GeneralTab, AgentsTab, CapsTab, type SettingsTab } from '../settings';
@@ -86,7 +86,7 @@ export function VaultSettingsModal({ vaultAddress, chainId }: VaultSettingsModal
}
+ mainIcon={
}
onClose={close}
auxiliaryAction={{
icon: (
diff --git a/src/features/autovault/components/vault-identity.tsx b/src/features/autovault/components/vault-identity.tsx
index 5351fd41..d2ee4628 100644
--- a/src/features/autovault/components/vault-identity.tsx
+++ b/src/features/autovault/components/vault-identity.tsx
@@ -3,7 +3,7 @@
import { useMemo, type ReactNode } from 'react';
import { Tooltip } from '@/components/ui/tooltip';
import Link from 'next/link';
-import { FiExternalLink } from 'react-icons/fi';
+import { ExternalLinkIcon } from '@radix-ui/react-icons';
import { TokenIcon } from '@/components/shared/token-icon';
import { TooltipContent } from '@/components/shared/tooltip-content';
import type { VaultCurator } from '@/constants/vaults/known_vaults';
@@ -146,7 +146,7 @@ export function VaultIdentity({
title={tooltipTitle}
detail={resolvedDetail}
secondaryDetail={tooltipSecondaryDetail}
- actionIcon={
}
+ actionIcon={
}
actionHref={vaultHref}
onActionClick={(e) => e.stopPropagation()}
/>
diff --git a/src/features/autovault/vault-list-view.tsx b/src/features/autovault/vault-list-view.tsx
index c0035e58..3185a21e 100644
--- a/src/features/autovault/vault-list-view.tsx
+++ b/src/features/autovault/vault-list-view.tsx
@@ -2,7 +2,8 @@
import { useState, useEffect, useMemo } from 'react';
import { GoPlusCircle } from 'react-icons/go';
-import { FiShield, FiZap, FiSettings } from 'react-icons/fi';
+import { FiShield, FiZap } from 'react-icons/fi';
+import { GearIcon } from '@radix-ui/react-icons';
import { ChevronDownIcon } from '@radix-ui/react-icons';
import { useRouter } from 'next/navigation';
import { useAppKit } from '@reown/appkit/react';
@@ -287,7 +288,7 @@ export default function AutovaultListContent() {
{/* Benefits Section */}
}
+ icon={
}
title="Full Ownership"
description="Your vault, your rules. No middlemen, no hidden fees. Complete control over your assets."
/>
diff --git a/src/features/market-detail/components/card-warning-indicator.tsx b/src/features/market-detail/components/card-warning-indicator.tsx
index e23c60f5..a495ce4a 100644
--- a/src/features/market-detail/components/card-warning-indicator.tsx
+++ b/src/features/market-detail/components/card-warning-indicator.tsx
@@ -1,6 +1,7 @@
'use client';
-import { MdError, MdWarning } from 'react-icons/md';
+import { MdError } from 'react-icons/md';
+import { IoWarningOutline } from 'react-icons/io5';
import { TooltipContent } from '@/components/shared/tooltip-content';
import { Tooltip } from '@/components/ui/tooltip';
import type { WarningWithDetail } from '@/utils/types';
@@ -13,7 +14,7 @@ export function CardWarningIndicator({ warnings }: CardWarningIndicatorProps) {
if (warnings.length === 0) return null;
const hasAlert = warnings.some((w) => w.level === 'alert');
- const Icon = hasAlert ? MdError : MdWarning;
+ const Icon = hasAlert ? MdError : IoWarningOutline;
const iconColor = hasAlert ? 'text-red-500' : 'text-yellow-500';
const tooltipContent = (
diff --git a/src/features/market-detail/components/market-warning-banner.tsx b/src/features/market-detail/components/market-warning-banner.tsx
index 66727b44..259b91ea 100644
--- a/src/features/market-detail/components/market-warning-banner.tsx
+++ b/src/features/market-detail/components/market-warning-banner.tsx
@@ -1,7 +1,8 @@
'use client';
import { motion } from 'framer-motion';
-import { MdError, MdWarning } from 'react-icons/md';
+import { MdError } from 'react-icons/md';
+import { IoWarningOutline } from 'react-icons/io5';
import type { WarningWithDetail } from '@/utils/types';
type MarketWarningBannerProps = {
@@ -12,7 +13,7 @@ export function MarketWarningBanner({ warnings }: MarketWarningBannerProps) {
if (warnings.length === 0) return null;
const hasAlert = warnings.some((w) => w.level === 'alert');
- const Icon = hasAlert ? MdError : MdWarning;
+ const Icon = hasAlert ? MdError : IoWarningOutline;
const colorClasses = hasAlert ? 'border-red-500/20 bg-red-500/10 text-red-500' : 'border-yellow-500/20 bg-yellow-500/10 text-yellow-500';
diff --git a/src/features/market-detail/components/position-stats.tsx b/src/features/market-detail/components/position-stats.tsx
index 309c22d8..43fbd522 100644
--- a/src/features/market-detail/components/position-stats.tsx
+++ b/src/features/market-detail/components/position-stats.tsx
@@ -2,7 +2,7 @@ import { useState } from 'react';
import { Card } from '@/components/ui/card';
import { IconSwitch } from '@/components/ui/icon-switch';
import { RefetchIcon } from '@/components/ui/refetch-icon';
-import { FiUser } from 'react-icons/fi';
+import { LuUser } from 'react-icons/lu';
import { HiOutlineGlobeAsiaAustralia } from 'react-icons/hi2';
import { Spinner } from '@/components/ui/spinner';
import { TokenIcon } from '@/components/shared/token-icon';
@@ -25,7 +25,7 @@ type PositionStatsProps = {
};
function ThumbIcon({ isSelected, className }: { isSelected?: boolean; className?: string }) {
- return isSelected ?
:
;
+ return isSelected ?
:
;
}
const hasPosition = (position: MarketPosition) => {
diff --git a/src/features/markets/components/market-indicators.tsx b/src/features/markets/components/market-indicators.tsx
index 2945dc78..99ccdfad 100644
--- a/src/features/markets/components/market-indicators.tsx
+++ b/src/features/markets/components/market-indicators.tsx
@@ -1,6 +1,8 @@
import { Tooltip } from '@/components/ui/tooltip';
-import { FaShieldAlt, FaStar, FaUser } from 'react-icons/fa';
-import { FiAlertCircle } from 'react-icons/fi';
+import { FaShieldAlt } from 'react-icons/fa';
+import { GoStarFill } from 'react-icons/go';
+import { LuUser } from 'react-icons/lu';
+import { IoWarningOutline } from 'react-icons/io5';
import { AiOutlineFire } from 'react-icons/ai';
import { TooltipContent } from '@/components/shared/tooltip-content';
import { useTrendingMarketKeys, getMetricsKey, useEverLiquidated } from '@/hooks/queries/useMarketMetricsQuery';
@@ -35,7 +37,7 @@ export function MarketIndicators({ market, showRisk = false, isStared = false, h
content={
@@ -45,7 +47,7 @@ export function MarketIndicators({ market, showRisk = false, isStared = false, h
}
>
-
@@ -57,13 +59,13 @@ export function MarketIndicators({ market, showRisk = false, isStared = false, h
}
+ icon={
}
detail="You have supplied to this market"
/>
}
>
-
+
)}
@@ -132,7 +134,7 @@ export function MarketIndicators({ market, showRisk = false, isStared = false, h
}
>
-
diff --git a/src/features/markets/components/oracle/MarketOracle/OracleTypeInfo.tsx b/src/features/markets/components/oracle/MarketOracle/OracleTypeInfo.tsx
index d9f9863c..748fabec 100644
--- a/src/features/markets/components/oracle/MarketOracle/OracleTypeInfo.tsx
+++ b/src/features/markets/components/oracle/MarketOracle/OracleTypeInfo.tsx
@@ -1,5 +1,5 @@
import Link from 'next/link';
-import { FiExternalLink } from 'react-icons/fi';
+import { ExternalLinkIcon } from '@radix-ui/react-icons';
import { MarketOracleFeedInfo } from '@/features/markets/components/oracle';
import { getExplorerURL } from '@/utils/external';
import { getOracleType, getOracleTypeDescription, OracleType } from '@/utils/oracle';
@@ -29,7 +29,7 @@ export function OracleTypeInfo({ oracleData, oracleAddress, chainId, showLink, s
className="flex items-center text-sm font-medium no-underline hover:underline"
>
{typeDescription}
-
+
) : (
{typeDescription}
diff --git a/src/features/markets/components/oracle/MarketOracle/RedstoneTypesModal.tsx b/src/features/markets/components/oracle/MarketOracle/RedstoneTypesModal.tsx
index 0e8f1163..97432176 100644
--- a/src/features/markets/components/oracle/MarketOracle/RedstoneTypesModal.tsx
+++ b/src/features/markets/components/oracle/MarketOracle/RedstoneTypesModal.tsx
@@ -1,5 +1,5 @@
import Image from 'next/image';
-import { MdWarning } from 'react-icons/md';
+import { IoWarningOutline } from 'react-icons/io5';
import { Modal, ModalHeader, ModalBody } from '@/components/common/Modal';
import { PriceFeedVendors, OracleVendorIcons } from '@/utils/oracle';
@@ -56,7 +56,7 @@ export function RedstoneTypesModal({ isOpen, onClose }: RedstoneTypesModalProps)
{/* Warning Box */}
-
diff --git a/src/features/markets/components/pending-market-cap.tsx b/src/features/markets/components/pending-market-cap.tsx
index 623a8130..f89113d7 100644
--- a/src/features/markets/components/pending-market-cap.tsx
+++ b/src/features/markets/components/pending-market-cap.tsx
@@ -1,6 +1,6 @@
import type React from 'react';
import { useState } from 'react';
-import { LuX } from 'react-icons/lu';
+import { Cross2Icon } from '@radix-ui/react-icons';
import { formatUnits } from 'viem';
import { getTruncatedAssetName } from '@/utils/oracle';
import type { Market } from '@/utils/types';
@@ -122,7 +122,7 @@ export function PendingMarketCap({
className="flex h-8 w-8 items-center justify-center rounded-full bg-hovered text-secondary transition-colors hover:bg-red-500/10 hover:text-red-500 disabled:opacity-50"
aria-label="Remove market"
>
-
+
diff --git a/src/features/markets/components/risk-indicator.tsx b/src/features/markets/components/risk-indicator.tsx
index 8799ddd8..b39026e4 100644
--- a/src/features/markets/components/risk-indicator.tsx
+++ b/src/features/markets/components/risk-indicator.tsx
@@ -1,6 +1,7 @@
import { Tooltip } from '@/components/ui/tooltip';
import { GrStatusGood } from 'react-icons/gr';
-import { MdWarning, MdError } from 'react-icons/md';
+import { MdError } from 'react-icons/md';
+import { IoWarningOutline } from 'react-icons/io5';
import { TooltipContent } from '@/components/shared/tooltip-content';
import { useMarketWarnings } from '@/hooks/useMarketWarnings';
import type { WarningWithDetail, Market } from '@/utils/types';
@@ -24,7 +25,7 @@ const levelToIcon = (level: 'green' | 'yellow' | 'red') => {
);
case 'yellow':
return (
-
diff --git a/src/features/markets/components/table/markets-table-actions.tsx b/src/features/markets/components/table/markets-table-actions.tsx
index 4ac06acc..93cb9b4c 100644
--- a/src/features/markets/components/table/markets-table-actions.tsx
+++ b/src/features/markets/components/table/markets-table-actions.tsx
@@ -3,7 +3,7 @@
import moment from 'moment';
import { RefetchIcon } from '@/components/ui/refetch-icon';
import { CgDisplayFullwidth } from 'react-icons/cg';
-import { FiSettings } from 'react-icons/fi';
+import { GearIcon } from '@radix-ui/react-icons';
import { TbArrowAutofitWidth } from 'react-icons/tb';
import { Button } from '@/components/ui/button';
import { Tooltip } from '@/components/ui/tooltip';
@@ -105,7 +105,7 @@ export function MarketsTableActions({ onRefresh, isRefetching, isMobile, dataUpd
className="text-secondary min-w-0 px-2"
onClick={() => openModal('marketSettings', {})}
>
-
+
diff --git a/src/features/markets/components/table/markets-table.tsx b/src/features/markets/components/table/markets-table.tsx
index f7e434d2..c8c77722 100644
--- a/src/features/markets/components/table/markets-table.tsx
+++ b/src/features/markets/components/table/markets-table.tsx
@@ -1,5 +1,5 @@
import { useCallback, useMemo, useState } from 'react';
-import { FaRegStar, FaStar } from 'react-icons/fa';
+import { GoStar, GoStarFill } from 'react-icons/go';
import { Table, TableHeader, TableRow, TableHead } from '@/components/ui/table';
import { TablePagination } from '@/components/shared/table-pagination';
import { TableContainerWithHeader } from '@/components/common/table-container-with-header';
@@ -137,7 +137,7 @@ function MarketsTable({ currentPage, setCurrentPage, className, tableClassName,
: }
+ label={sortColumn === 0 ? : }
sortColumn={sortColumn}
titleOnclick={titleOnclick}
sortDirection={sortDirection}
diff --git a/src/features/positions/components/vault-actions-dropdown.tsx b/src/features/positions/components/vault-actions-dropdown.tsx
index d4737836..5a3e55b5 100644
--- a/src/features/positions/components/vault-actions-dropdown.tsx
+++ b/src/features/positions/components/vault-actions-dropdown.tsx
@@ -4,7 +4,7 @@ import type React from 'react';
import { useRouter } from 'next/navigation';
// import { GoHistory } from 'react-icons/go';
import { IoEllipsisVertical } from 'react-icons/io5';
-import { MdOutlineSettings } from 'react-icons/md';
+import { GearIcon } from '@radix-ui/react-icons';
import { Button } from '@/components/ui/button';
import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '@/components/ui/dropdown-menu';
@@ -55,7 +55,7 @@ export function VaultActionsDropdown({ vaultAddress, chainId, account }: VaultAc
}
+ startContent={}
>
Manage
diff --git a/src/hooks/queries/useMerklCampaignsQuery.ts b/src/hooks/queries/useMerklCampaignsQuery.ts
index cf1af3da..31f5dc23 100644
--- a/src/hooks/queries/useMerklCampaignsQuery.ts
+++ b/src/hooks/queries/useMerklCampaignsQuery.ts
@@ -8,9 +8,7 @@ export const useMerklCampaignsQuery = () => {
const query = useQuery({
queryKey: ['merkl-campaigns'],
queryFn: async () => {
- const settledResults = await Promise.allSettled(
- CAMPAIGN_TYPES_TO_FETCH.map((type) => fetchActiveCampaigns({ type })),
- );
+ const settledResults = await Promise.allSettled(CAMPAIGN_TYPES_TO_FETCH.map((type) => fetchActiveCampaigns({ type })));
// Extract successful results, use empty array for failed fetches
const results = settledResults.map((result, index) => {
diff --git a/src/modals/settings/blacklisted-markets-modal.tsx b/src/modals/settings/blacklisted-markets-modal.tsx
index 291de3be..592480c8 100644
--- a/src/modals/settings/blacklisted-markets-modal.tsx
+++ b/src/modals/settings/blacklisted-markets-modal.tsx
@@ -2,7 +2,8 @@
import React, { useMemo } from 'react';
import { Divider } from '@/components/ui/divider';
-import { FiPlus, FiX } from 'react-icons/fi';
+import { FiPlus } from 'react-icons/fi';
+import { Cross2Icon } from '@radix-ui/react-icons';
import { MdBlockFlipped } from 'react-icons/md';
import { Button } from '@/components/ui/button';
import { Modal, ModalHeader, ModalBody, ModalFooter } from '@/components/common/Modal';
@@ -137,7 +138,7 @@ export function BlacklistedMarketsModal({ isOpen, onOpenChange }: BlacklistedMar
disabled={isDefault}
className="shrink-0"
>
-
+
);
diff --git a/src/modals/settings/trusted-vaults-modal.tsx b/src/modals/settings/trusted-vaults-modal.tsx
index daf022c9..e83ebc89 100644
--- a/src/modals/settings/trusted-vaults-modal.tsx
+++ b/src/modals/settings/trusted-vaults-modal.tsx
@@ -4,7 +4,7 @@ import React, { useMemo, useState } from 'react';
import { Spinner } from '@/components/ui/spinner';
import { Divider } from '@/components/ui/divider';
import { Input } from '@/components/ui/input';
-import { FiChevronDown, FiChevronUp } from 'react-icons/fi';
+import { ChevronDownIcon, ChevronUpIcon } from '@radix-ui/react-icons';
import { GoShield, GoShieldCheck } from 'react-icons/go';
import { IoWarningOutline } from 'react-icons/io5';
import { Button } from '@/components/ui/button';
@@ -231,7 +231,7 @@ export default function TrustedVaultsModal({ isOpen, onOpenChange }: TrustedVaul
onClick={() => setMorphoSectionOpen((prev) => !prev)}
>
All Morpho Vaults ({sortedMorphoVaults.length})
- {morphoSectionOpen ?
:
}
+ {morphoSectionOpen ?
:
}
{morphoSectionOpen &&
(morphoLoading ? (