{t('address.tooltips.risk_factors', { riskLevel: t(`address.risk_factors.levels.${riskLevel}`) })}
-
{riskFactors?.map((riskFactor) => - {riskFactor}
)}
+
+ {riskFactors?.map((riskFactor) => (
+ - {riskFactor}
+ ))}
+
);
diff --git a/components/allowances/dashboard/wallet-health/TotalValueAtRisk.tsx b/components/allowances/dashboard/wallet-health/TotalValueAtRisk.tsx
index 9422881e..6bfe4a48 100644
--- a/components/allowances/dashboard/wallet-health/TotalValueAtRisk.tsx
+++ b/components/allowances/dashboard/wallet-health/TotalValueAtRisk.tsx
@@ -1,5 +1,5 @@
import Loader from 'components/common/Loader';
-import { AllowanceData } from 'lib/interfaces';
+import type { AllowanceData } from 'lib/interfaces';
import { calculateValueAtRisk, deduplicateArray } from 'lib/utils';
import { getChainPriceStrategy } from 'lib/utils/chains';
import { formatFiatAmount } from 'lib/utils/formatting';
diff --git a/components/allowances/dashboard/wallet-health/WalletHealth.tsx b/components/allowances/dashboard/wallet-health/WalletHealth.tsx
index 63bb55e1..8d251320 100644
--- a/components/allowances/dashboard/wallet-health/WalletHealth.tsx
+++ b/components/allowances/dashboard/wallet-health/WalletHealth.tsx
@@ -1,6 +1,6 @@
import { ChainId } from '@revoke.cash/chains';
import { useQuery } from '@tanstack/react-query';
-import { Address } from 'viem';
+import type { Address } from 'viem';
import WalletHealthDescription from './WalletHealthDescription';
import WalletHealthScore from './WalletHealthScore';
diff --git a/components/allowances/dashboard/wallet-health/WalletHealthScore.tsx b/components/allowances/dashboard/wallet-health/WalletHealthScore.tsx
index 06fed562..17363b92 100644
--- a/components/allowances/dashboard/wallet-health/WalletHealthScore.tsx
+++ b/components/allowances/dashboard/wallet-health/WalletHealthScore.tsx
@@ -36,13 +36,13 @@ const WalletHealthScore = ({ score, error, isLoading }: Props) => {
// https://stackoverflow.com/a/76126221/4207548
const interpolateColor = (color1: string, color2: string, percent: number) => {
// Convert the hex colors to RGB values
- const r1 = parseInt(color1.substring(1, 3), 16);
- const g1 = parseInt(color1.substring(3, 5), 16);
- const b1 = parseInt(color1.substring(5, 7), 16);
+ const r1 = Number.parseInt(color1.substring(1, 3), 16);
+ const g1 = Number.parseInt(color1.substring(3, 5), 16);
+ const b1 = Number.parseInt(color1.substring(5, 7), 16);
- const r2 = parseInt(color2.substring(1, 3), 16);
- const g2 = parseInt(color2.substring(3, 5), 16);
- const b2 = parseInt(color2.substring(5, 7), 16);
+ const r2 = Number.parseInt(color2.substring(1, 3), 16);
+ const g2 = Number.parseInt(color2.substring(3, 5), 16);
+ const b2 = Number.parseInt(color2.substring(5, 7), 16);
// Interpolate the RGB values
const r = Math.round(r1 + (r2 - r1) * percent);
diff --git a/components/allowances/dashboard/wallet-health/WalletHealthSection.tsx b/components/allowances/dashboard/wallet-health/WalletHealthSection.tsx
index fc61bffa..7b43da60 100644
--- a/components/allowances/dashboard/wallet-health/WalletHealthSection.tsx
+++ b/components/allowances/dashboard/wallet-health/WalletHealthSection.tsx
@@ -1,5 +1,5 @@
import { twMerge } from 'tailwind-merge';
-import { Address } from 'viem';
+import type { Address } from 'viem';
import AllowancesSummary from './AllowancesSummary';
interface Props {
diff --git a/components/common/AddressSearchBox.tsx b/components/common/AddressSearchBox.tsx
index 4558c6af..9cc83276 100644
--- a/components/common/AddressSearchBox.tsx
+++ b/components/common/AddressSearchBox.tsx
@@ -2,7 +2,7 @@ import { ArrowRightCircleIcon } from '@heroicons/react/24/outline';
import { XMarkIcon } from '@heroicons/react/24/solid';
import { useQuery } from '@tanstack/react-query';
import { parseInputAddress } from 'lib/utils/whois';
-import { ChangeEventHandler, FormEventHandler, HTMLAttributes } from 'react';
+import type { ChangeEventHandler, FormEventHandler, HTMLAttributes } from 'react';
import Button from './Button';
import SearchBox from './SearchBox';
import Spinner from './Spinner';
@@ -25,7 +25,7 @@ const AddressSearchBox = ({ onSubmit, onChange, value, placeholder, className, .
queryFn: async () => !!(await parseInputAddress(value)),
enabled: !!value,
// Chances of this data changing while the user is on the page are very slim
- staleTime: Infinity,
+ staleTime: Number.POSITIVE_INFINITY,
});
const handleSubmit: FormEventHandler