xylabs/sdk-react

/* eslint-disable import/no-deprecated */
import { BrowserProvider, InfuraProvider } from 'ethers'
import React, { PropsWithChildren } from 'react'

import { EthersContext } from '../Context'

interface Props {
  enabled?: boolean
}

export const infuraKey = '1d9f8053c65a49cfb99fafaa8ef201c0'

export const InfuraEthersLoader: React.FC<PropsWithChildren<Props>> = (props) => {
  const { children } = props

  const chainId = 1
  const provider = new InfuraProvider(1, infuraKey) as unknown as BrowserProvider

  return (
    <EthersContext.Provider
      value={{
        busy: false,
        chainId,
        isConnected: true,
        provider,
      }}
    >
      {children}
    </EthersContext.Provider>
  )
}