Merge pull request #50 from XDeFi-tech/fix/get-accounts-loop-on-chain…

…-changed-event

fix: [XDEFI-2666] get accounts loop on chain changed event

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xdefi/wallets-connector",
-  "version": "1.5.9",
+  "version": "1.5.10",
   "description": "Cross chain wallets connector with react hooks",
   "author": "garageinc",
   "license": "MIT",

src/components/WalletsModal/ChainCard/ChainCard.tsx

@@ -1,7 +1,6 @@
 import React from 'react'
 import styled, { css } from 'styled-components'
 import { ReactComponent as Checkmark } from '../../icons/Checkmark.svg'
-import { IChainType } from 'src/constants'
 
 interface IProps {
   className?: string
@@ -26,11 +25,7 @@ export const ChainCard = ({
   }
 
   return (
-    <Container
-      disabled={disabled}
-      onClick={disabled ? undefined : handleClick}
-      title={value === IChainType.bitcoin ? 'Temporary disabled' : undefined}
-    >
+    <Container disabled={disabled} onClick={disabled ? undefined : handleClick}>
       <ChainImage>
         {icon}
         {checked ? (

src/components/WalletsModal/SelectChainSection/SelectChainSection.tsx

@@ -14,7 +14,6 @@ import { PrimaryButton } from '../../PrimaryButton'
 import { canInject, IProviderUserOptions } from 'src/helpers'
 import { useConnectorActiveIds, useConnectorMultiChains } from 'src/hooks'
 import { WalletsContext } from 'src/manager'
-import { IChainType } from 'src/constants'
 
 interface IProps {
   className?: string
@@ -28,9 +27,7 @@ export const SelectChainSection = ({
   onSelect
 }: IProps) => {
   const isTablet = useMediaQuery('(max-width: 768px)')
-  const [selectedChains, setSelectedChain] = useState<string[]>(
-    CHAIN_VALUES.filter((x) => x !== IChainType.bitcoin)
-  )
+  const [selectedChains, setSelectedChain] = useState<string[]>(CHAIN_VALUES)
 
   const handleClick = (value: string) => {
     const isExist = selectedChains.find((chainName) => chainName === value)
@@ -127,10 +124,6 @@ export const SelectChainSection = ({
 
   const isDisabled = useCallback(
     (chain) => {
-      if (chain.value === IChainType.bitcoin) {
-        // TODO Remove when fixed
-        return true
-      }
       return Boolean(
         providerInjectedChains &&
           providerInjectedChains.some((chainName) => chain.value === chainName)

src/wallets/index.ts

@@ -72,7 +72,7 @@ export class WalletsConnector {
             }
           })
           ethereum.on('disconnect', () => {
-            this.disconnect(providerId)
+            console.log('Ethereum provider is disconnected')
           })
           ethereum.on('chainChanged', (chainId: string) =>
             this.setActiveChain(providerId, chainId)
@@ -166,7 +166,7 @@ export class WalletsConnector {
         ...getChainData(parseInt(chainId, 16))
       }
     }
-    this.loadProviderAccounts(providerId, c)
+    this.setConfigs(providerId, c)
   }
 
   private loadProviderAccounts = async (