Merge pull request #320 from filecoin-project/fix/pond-empty-blk-view
pond: fix block viewer with no messages
This commit is contained in:
commit
fef544f88e
@ -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%;
|
||||||
|
@ -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> => </b>
|
<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}/>
|
<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>)
|
||||||
}
|
}
|
||||||
|
@ -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,
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user