import { Divider } from "../common/FormSection";

import Ether from "./Ether";
import TrackedTokens from "./TrackedTokens";
import AddToken from "./AddToken";

export default class Balances extends React.Component {
  state = {};

  componentDidMount() {
    this.props.updateTrackedTokens();
  }

  render() {
    return (
      <div>
        <Ether
          web3={this.props.web3}
          bZx={this.props.bZx}
          accounts={this.props.accounts}
          tokens={this.props.tokens}
          updateTrackedTokens={this.props.updateTrackedTokens}
          lastTokenRefresh={this.props.lastTokenRefresh}
        />
        <Divider />
        <TrackedTokens
          tokens={this.props.tokens}
          trackedTokens={this.props.trackedTokens}
          updateTrackedTokens={this.props.updateTrackedTokens}
          bZx={this.props.bZx}
          accounts={this.props.accounts}
          web3={this.props.web3}
        />
        <Divider />
        <AddToken
          tokens={this.props.tokens}
          trackedTokens={this.props.trackedTokens}
          updateTrackedTokens={this.props.updateTrackedTokens}
        />
      </div>
    );
  }
}