pond: fix block viewer with no messages

This commit is contained in:
Łukasz Magiera 2019-10-10 05:43:19 +02:00
parent b32d197bca
commit 4a129458e1
3 changed files with 17 additions and 4 deletions

View File

@ -210,10 +210,18 @@ a:hover {
background: #440000 background: #440000
} }
.ChainExplorer-after:hover {
background: #770000
}
.ChainExplorer-before { .ChainExplorer-before {
background: #444400 background: #444400
} }
.ChainExplorer-before:hover {
background: #777700
}
.Logs { .Logs {
width: 100%; width: 100%;
height: 100%; height: 100%;

View File

@ -17,6 +17,11 @@ class Block extends React.Component {
let messages = await this.props.conn.call('Filecoin.ChainGetParentMessages', [this.props.cid]) let messages = await this.props.conn.call('Filecoin.ChainGetParentMessages', [this.props.cid])
let receipts = await this.props.conn.call('Filecoin.ChainGetParentReceipts', [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 = messages.map((msg, k) => ({...msg.Message, cid: msg.Cid, receipt: receipts[k]}))
messages = await Promise.all(messages.map(async (msg, i) => { messages = await Promise.all(messages.map(async (msg, i) => {
@ -38,8 +43,8 @@ class Block extends React.Component {
if (this.state.header) { if (this.state.header) {
let head = this.state.header let head = this.state.header
const messages = this.state.messages.map(m => ( const messages = this.state.messages.map((m, k) => (
<div> <div key={k}>
<div> <div>
<Address client={this.props.conn} addr={m.From} mountWindow={this.props.mountWindow}/><b>&nbsp;=>&nbsp;</b> <Address client={this.props.conn} addr={m.From} mountWindow={this.props.mountWindow}/><b>&nbsp;=>&nbsp;</b>
<Address client={this.props.conn} addr={m.To} mountWindow={this.props.mountWindow} transfer={m.Value} method={m.Method}/> <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} {content}
</Window>) </Window>)
} }

View File

@ -86,7 +86,7 @@ class ChainExplorer extends React.Component {
const blocks = await Promise.all(cids.map(cid => this.props.client.call('Filecoin.ChainGetBlock', [cid]))) const blocks = await Promise.all(cids.map(cid => this.props.client.call('Filecoin.ChainGetBlock', [cid])))
cache[h] = { cache[h] = {
Height: h, Height: blocks[0].Height,
Cids: cids, Cids: cids,
Blocks: blocks, Blocks: blocks,
} }