@edgeandnode/wallet

E&N Wallet

Reusable react component for connecting to web3 wallets

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