8e9c2e4080
* add deposit page * add web3 provider using web3-react package * add env setup, add guard for incorrect chain id * add lib for web3-provider * make wallet and ethereum connect dialogs look more consistent * add setup tests file for jest-dom * remove chain id config and just use appChainId prop, add disconnect button to invalid chainId state * remove .env file for now, will complete as own ticket * switch handling of connect dialog state to the consuming app * rename web3-provider package to just web3 * envs for each environment so we can specify chainId * remove fallback to testnet for apollo client creation * make web3container enforce connection before rendering childen * move infura id to env var
29 lines
521 B
TypeScript
29 lines
521 B
TypeScript
import { useWeb3React } from '@web3-react/core';
|
|
import { Web3Container } from '../../../components/web3-container';
|
|
|
|
const Deposit = () => {
|
|
return (
|
|
<Web3Container>
|
|
<div>
|
|
<h1>Deposit</h1>
|
|
<Info />
|
|
</div>
|
|
</Web3Container>
|
|
);
|
|
};
|
|
|
|
const Info = () => {
|
|
const { isActive, chainId, accounts } = useWeb3React();
|
|
if (!isActive) {
|
|
return <div>Not active</div>;
|
|
}
|
|
return (
|
|
<div>
|
|
<p>{chainId}</p>
|
|
<p>{accounts[0]}</p>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Deposit;
|