diff --git a/lotuspond/front/src/App.css b/lotuspond/front/src/App.css index bb6440036..7c58b720e 100644 --- a/lotuspond/front/src/App.css +++ b/lotuspond/front/src/App.css @@ -210,10 +210,18 @@ a:hover { background: #440000 } +.ChainExplorer-after:hover { + background: #770000 +} + .ChainExplorer-before { background: #444400 } +.ChainExplorer-before:hover { + background: #777700 +} + .Logs { width: 100%; height: 100%; diff --git a/lotuspond/front/src/Block.js b/lotuspond/front/src/Block.js index 28ef69b42..422520034 100644 --- a/lotuspond/front/src/Block.js +++ b/lotuspond/front/src/Block.js @@ -17,6 +17,11 @@ class Block extends React.Component { let messages = await this.props.conn.call('Filecoin.ChainGetParentMessages', [this.props.cid]) let receipts = await this.props.conn.call('Filecoin.ChainGetParentReceipts', [this.props.cid]) + if (!messages) { + messages = [] + } + + messages = messages.map((msg, k) => ({...msg.Message, cid: msg.Cid, receipt: receipts[k]})) messages = await Promise.all(messages.map(async (msg, i) => { @@ -38,8 +43,8 @@ class Block extends React.Component { if (this.state.header) { let head = this.state.header - const messages = this.state.messages.map(m => ( - <div> + const messages = this.state.messages.map((m, k) => ( + <div key={k}> <div> <Address client={this.props.conn} addr={m.From} mountWindow={this.props.mountWindow}/><b> => </b> <Address client={this.props.conn} addr={m.To} mountWindow={this.props.mountWindow} transfer={m.Value} method={m.Method}/> @@ -66,7 +71,7 @@ class Block extends React.Component { ) } - return (<Window className="CristalScroll" initialSize={{width: 850, height: 400}} onClose={this.props.onClose} title={`Block ${this.props.cid['/']}`}> + return (<Window className="CristalScroll" initialSize={{width: 950, height: 400}} onClose={this.props.onClose} title={`Block ${this.props.cid['/']}`}> {content} </Window>) } diff --git a/lotuspond/front/src/ChainExplorer.js b/lotuspond/front/src/ChainExplorer.js index 3f91ccdb4..efd38939e 100644 --- a/lotuspond/front/src/ChainExplorer.js +++ b/lotuspond/front/src/ChainExplorer.js @@ -86,7 +86,7 @@ class ChainExplorer extends React.Component { const blocks = await Promise.all(cids.map(cid => this.props.client.call('Filecoin.ChainGetBlock', [cid]))) cache[h] = { - Height: h, + Height: blocks[0].Height, Cids: cids, Blocks: blocks, }