mwaeckerlin
commented
5 years ago Here is my suggestion, as I implemented it in my project. If you want, @honestbonsai, you may integrate my solution in drizzle-react-components (or I can do it for you, including tests and docu):
ContractBalance.js
import React from "react";
import PropTypes from "prop-types";
import { drizzleConnect } from "drizzle-react";
class ContractBalance extends React.Component {
constructor(props, context) {
super(props);
this.state = {
balance: null
};
context.drizzle.web3.eth.getBalance(
this.props.contract,
(err, balance) => {
if (err) console.log("ERROR", this.props.contract, err);
else this.setState({ balance });
}
);
}
render() {
if (this.props.render) return this.props.render(this.state.balance);
if (this.state.balance === null) return "Loading...";
return this.state.balance;
}
}
ContractBalance.contextTypes = {
drizzle: PropTypes.object
};
ContractBalance.propTypes = {
contracts: PropTypes.object.isRequired,
contract: PropTypes.string.isRequired,
render: PropTypes.func
};
/*
* Export connected component.
*/
const mapStateToProps = state => {
return {
contracts: state.contracts
};
};
export default drizzleConnect(ContractBalance, mapStateToProps);
honestbonsai
stale[bot]
Implement a method to get the balance of a contract.