Newer
Older
// Copyright 2015-2018 Parity Technologies (UK) Ltd.
// This file is part of Parity.
//
import React, { Component } from "react";
import { AccountCard, Header } from "fether-ui";
import { accountsInfo$ } from "@parity/light.js";
import { inject, observer } from "mobx-react";
import light from "light-hoc";
@observer
class AccountsList extends Component {
handleClick = ({
currentTarget: {
dataset: { address }
}
}) => {
const { accountsInfo } = this.props;
return (
<div>
<Header
title={<h1>Accounts</h1>}
right={
<div className="window_content">
<div className="box -scroller">
<ul className="list">
{accountsInfo ? (
Object.keys(accountsInfo).map(address => (
<li
key={address}
data-address={address} // Using data- to avoid creating a new item Component
onClick={this.handleClick}
>
name={
accountsInfo &&
accountsInfo[address] &&
(accountsInfo[address].name
? accountsInfo[address].name
))
) : (
<li>
<AccountCard />
</li>
)}
</ul>