fix ts

configs/app/config.ts

@@ -3,8 +3,6 @@ import type { WalletType } from 'types/client/wallets';
 import type { NetworkExplorer } from 'types/networks';
 import type { ChainIndicatorId } from 'ui/home/indicators/types';
 
-import { SUPPORTED_WALLETS } from 'lib/web3/wallets';
-
 const getEnvValue = (env: string | undefined) => env?.replaceAll('\'', '"');
 const parseEnvJson = <DataType>(env: string | undefined): DataType | null => {
   try {
@@ -16,6 +14,11 @@ const parseEnvJson = <DataType>(env: string | undefined): DataType | null => {
 const stripTrailingSlash = (str: string) => str[str.length - 1] === '/' ? str.slice(0, -1) : str;
 const getWeb3DefaultWallet = (): WalletType => {
   const envValue = getEnvValue(process.env.NEXT_PUBLIC_WEB3_DEFAULT_WALLET);
+  const SUPPORTED_WALLETS: Array<WalletType> = [
+    'metamask',
+    'coinbase',
+  ];
+
   return (envValue && SUPPORTED_WALLETS.includes(envValue) ? envValue : 'metamask') as WalletType;
 };
 

lib/web3/wallets.ts

-export const SUPPORTED_WALLETS = [
-  'metamask' as const,
-  'coinbase' as const,
-];
+import type { WalletType, WalletInfo } from 'types/client/wallets';
 
 import coinbaseIcon from 'icons/wallets/coinbase.svg';
 import metamaskIcon from 'icons/wallets/metamask.svg';
 
-export const WALLETS_INFO = {
+export const WALLETS_INFO: Record<WalletType, WalletInfo> = {
   metamask: {
     add_token_text: 'Add token to MetaMask',
     add_network_text: 'Add network to MetaMask',

types/client/wallets.ts

 import type { providers } from 'ethers';
 
-import type { ArrayElement } from 'types/utils';
+export type WalletType = 'metamask' | 'coinbase';
 
-import type { SUPPORTED_WALLETS } from 'lib/web3/wallets';
-
-export type WalletType = ArrayElement<typeof SUPPORTED_WALLETS>;
+export interface WalletInfo {
+  add_token_text: string;
+  add_network_text: string;
+  icon: React.ElementType;
+}
 
 export interface ExternalProvider extends providers.ExternalProvider {
   isCoinbaseWallet?: boolean;