@edgeandnode/wallet

E&N Wallet

Reusable react component for connecting to web3 wallets

Test coverage

Usage

SigninModal and Context

import { SigninModal, useWallet } from '@edgeandnode/wallet'

const App = () => {
  const { address, setIsModalOpen } = useWallet()
  return (
    <div>
      Wallet address: { address }
      <button onClick={() => { setIsModalOpen(true) }}>
        Connect
      </button>
      <SigninModal headerImage="link/to/image.png" />
    </div>
  )
}

Context Provider

<WalletContextProvider infuraId={process.env.INFURA_KEY}>
  <App />
</WalletContextProvider>

Building and running

1. Run yarn to install all dependencies.
2. Run yarn build to bundle all files
3. Run yarn npm:publish to publish to NPM

Local development

1. Run yarn link inside of this folder
2. Run yarn link @edgeandnode/wallet inside of another application that includes components in local development

Analyzing test coverage

1. Run yarn test:coverage to generate a test coverage report
2. Open /coverage/lcov-report/index.html in your browser
3. This shows an overview of the test coverage for each component. You can click into a specific component to view a detailed report on test coverage for that component including coverage on statements, branches, functions and lines