mirror of https://github.com/embarklabs/embark.git
update contract debugger to not user tabler react anymore
This commit is contained in:
parent
1d6da99e8f
commit
29ebd9c8e0
|
@ -1,9 +1,5 @@
|
|||
import PropTypes from "prop-types";
|
||||
import React, {Component} from 'react';
|
||||
import {
|
||||
Page,
|
||||
Grid, Table
|
||||
} from "tabler-react";
|
||||
import {
|
||||
Row,
|
||||
Col,
|
||||
|
@ -61,34 +57,28 @@ class ContractDebugger extends Component {
|
|||
|
||||
render() {
|
||||
return (
|
||||
<Page.Content title={this.props.contract.className + ' Debugger'}>
|
||||
<Grid.Row>
|
||||
<Grid.Col>
|
||||
<Input name="txHash" id="txHash" onChange={(e) => this.handleChange(e)}/>
|
||||
<Button color="primary" onClick={(e) => this.debug(e)}>Debug Tx</Button>
|
||||
</Grid.Col>
|
||||
</Grid.Row>
|
||||
<Row>
|
||||
<Col>
|
||||
<Input name="txHash" id="txHash" onChange={(e) => this.handleChange(e)}/>
|
||||
<Button color="primary" onClick={(e) => this.debug(e)}>Debug Tx</Button>
|
||||
</Col>
|
||||
|
||||
<Grid.Row>
|
||||
<Grid.Col>
|
||||
<Button color="light" className="btn-square debugButton jumpBack" alt="jump to previous breakpoint" onClick={(e) => this.debugJumpBack(e)}></Button>
|
||||
<Button color="light" className="btn-square debugButton jumpForward" alt="jump to revious breakpoint" onClick={(e) => this.debugJumpForward(e)}></Button>
|
||||
<Button color="light" className="btn-square debugButton stepOverBack" alt="step back" onClick={(e) => this.debugStepOverBackward(e)}></Button>
|
||||
<Button color="light" className="btn-square debugButton stepOverForward" alt="step over" onClick={(e) => this.debugStepOverForward(e)}></Button>
|
||||
<Button color="light" className="btn-square debugButton stepIntoForward" alt="step into" onClick={(e) => this.debugStepIntoForward(e)}></Button>
|
||||
<Button color="light" className="btn-square debugButton stepIntoBack" alt="step out" onClick={(e) => this.debugStepIntoBackward(e)}></Button>
|
||||
</Grid.Col>
|
||||
</Grid.Row>
|
||||
<Col>
|
||||
<Button color="light" className="btn-square debugButton jumpBack" alt="jump to previous breakpoint" onClick={(e) => this.debugJumpBack(e)}></Button>
|
||||
<Button color="light" className="btn-square debugButton jumpForward" alt="jump to revious breakpoint" onClick={(e) => this.debugJumpForward(e)}></Button>
|
||||
<Button color="light" className="btn-square debugButton stepOverBack" alt="step back" onClick={(e) => this.debugStepOverBackward(e)}></Button>
|
||||
<Button color="light" className="btn-square debugButton stepOverForward" alt="step over" onClick={(e) => this.debugStepOverForward(e)}></Button>
|
||||
<Button color="light" className="btn-square debugButton stepIntoForward" alt="step into" onClick={(e) => this.debugStepIntoForward(e)}></Button>
|
||||
<Button color="light" className="btn-square debugButton stepIntoBack" alt="step out" onClick={(e) => this.debugStepIntoBackward(e)}></Button>
|
||||
</Col>
|
||||
|
||||
<Grid.Row>
|
||||
<Grid.Col>
|
||||
<br /><strong>Scopes</strong>
|
||||
<div>
|
||||
<ReactJson src={{locals: this.props.debuggerInfo.locals, contract: this.props.debuggerInfo.globals}} theme="monokai" sortKeys={true} name={false} collapse={1} />
|
||||
</div>
|
||||
</Grid.Col>
|
||||
</Grid.Row>
|
||||
</Page.Content>
|
||||
<Col>
|
||||
<br /><strong>Scopes</strong>
|
||||
<div>
|
||||
<ReactJson src={{locals: this.props.debuggerInfo.locals, contract: this.props.debuggerInfo.globals}} theme="monokai" sortKeys={true} name={false} collapse={1} />
|
||||
</div>
|
||||
</Col>
|
||||
</Row>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue