import React from 'react'
import CID from 'cids'
import * as multihash from "multihashes";
import State from "./State";

function truncAddr(addr) {
  if (addr.length > 21) {
    return <abbr title={addr}>{addr.substr(0, 18) + '..'}</abbr>
  }
  return addr
}

class Address extends React.Component {
  constructor(props) {
    super(props)

    this.openState = this.openState.bind(this)

    this.state = {balance: -2}
    this.refresh = this.refresh.bind(this)
  }

  componentDidMount() {
    this.refresh()
    if(!this.props.ts)
      setInterval(this.refresh, 2050)
  }

  async refresh() {
    let balance = 0
    let actor = {}

    try {
      balance = await this.props.client.call('Filecoin.WalletBalance', [this.props.addr])
      actor = await this.props.client.call('Filecoin.ChainGetActor', [this.props.addr, this.props.ts || null])
    } catch (err) {
      balance = -1
    }
    this.setState({balance, actor})
  }

  openState() {
    this.props.mountWindow((onClose) => <State addr={this.props.addr} actor={this.state.actor} client={this.props.client} onClose={onClose}/>)
  }

  render() {
    let add1k = <span/>
    if(this.props.add1k) {
      add1k = <a href="#" onClick={() => this.props.add1k(this.props.addr)}>[+1k]</a>
    }
    let addr = truncAddr(this.props.addr)

    let actInfo = <span>(?)</span>
    if(this.state.balance >= 0) {
      const c = new CID(this.state.actor.Code['/'])
      const mh = multihash.decode(c.multihash) // TODO: check identity

      actInfo = <span>({mh.digest.toString()})</span>
      addr = <a href="#" onClick={this.openState}>{addr}</a>
    }

    return <span>{addr}:&nbsp;{this.state.balance}&nbsp;{actInfo}&nbsp;{add1k}</span>
  }
}

export default Address