import { WALLET_ACCOUNT_CHANGE, WALLET_CHAIN_CHANGE, WALLET_SHOW_ACCOUNT_LIST, WALLET_SHOW_QR } from "../common/WalletEvent";
import { IChainData } from "../JCWallet";
import { renderFromTokenMinimalUnit } from "../util/number.util";
import { formatAddress, formatMoney } from "../util/wallet.util";
import WalletBase from "./WallerBase";


const {ccclass, property} = cc._decorator;

@ccclass
export default class WalletInfo extends WalletBase {

    @property(cc.Label)
    addressLabel: cc.Label = null;

    @property(cc.Label)
    balanceLabel: cc.Label = null;

    @property(cc.Label)
    nameLabel: cc.Label = null;

    @property(cc.Node)
    avatar: cc.Node = null;

    accountId: string = '';

    balance: string = ''

    // LIFE-CYCLE CALLBACKS:

    // onLoad () {}

    start () {
        super.start()
        this.accountId = this.wallet.currentAccount().address
        this.updateUI()
        this.updateBalance()
        this.wallet.mainHandlers.on(WALLET_CHAIN_CHANGE, this.chainChange.bind(this))
        this.wallet.mainHandlers.on(WALLET_ACCOUNT_CHANGE, this.onAccountChange.bind(this))
    }

    // update (dt) {}
    updateUI(): void {
        super.updateUI()
        this.nameLabel.string = this.wallet.currentAccountData.nickname || 'Account'
        this.addressLabel.string = formatAddress(this.accountId)
        this.balanceLabel.string = this.showMoney()
        if (this.wallet.iconType === 'jazz') {
            this.avatar.getComponent('JazzIcon').init(this.accountId)
        } else {
            this.avatar.getComponent('HashIcon').init(this.accountId)
        }
    }

    

    showMoney() {
        console.log('update balance: ', this.balance)
        const chainData = this.wallet.currentChain
        let symbol = chainData.symbol
        return formatMoney(this.balance, symbol)
    }

    updateBalance() {
        this.balance = '-'
        this.updateUI()
        this.wallet.getBalance()
            .then(v => {
                console.log('update balance: ', v);
                this.balance = v + ''
                this.updateUI()
            })
    }

    chainChange(data: IChainData) {
        this.updateBalance()
    }
    onAccountChange() {
        this.accountId = this.wallet.currentAccount().address
        this.updateBalance()
    }
    showReceiveNode() {
        const address = this.wallet.currentAccount().address
        const chainId = this.wallet.currentChain.id
        let qrUrl = `ethereum:${address}@${chainId}`
        // this.showQr(qrUrl)
        this.wallet.uiHandlers.emit(WALLET_SHOW_QR, {val: qrUrl})
    }

    showAccountList() {
        this.wallet.uiHandlers.emit(WALLET_SHOW_ACCOUNT_LIST)
    }
}