mohiit1502/ag-grid-react-example
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

AG-420 Improve React implementation

Browse Source
This commit is contained in:
Sean Landsman
2017-05-22 15:01:21 +01:00
parent a3a0336f6b
commit 3f54c23b4d
7 changed files with 591 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src-trader-dashboard/components/StockPanel.jsx
View File

@@ -1,7 +1,8 @@
import React, {Component} from "react";
import LiveUpdatesGrid from "./LiveUpdatesGrid.jsx";
import PriceChangesGrid from "./PriceChangesGrid.jsx";
import StockDetailPanel from "./StockDetailPanel.jsx";
import FxQuoteMatrix from "./FxQuoteMatrix.jsx";
export default class extends Component {
constructor(props) {
@@ -35,14 +36,19 @@ export default class extends Component {
render() {
return (
<div>
<div style={{float: "left", marginRight: 25}}>
<LiveUpdatesGrid selectedExchange={this.props.selectedExchange}
onRowClicked={this.onRowClicked}/>
</div>
<div style={{float: "left"}}>
<StockDetailPanel selectedSymbol={this.state.selectedSymbol}
exchangeName={this.props.selectedExchange.name}/>
<div style={{width: 1250}}>
{/*<div>*/}
{/*<div style={{float: "left", marginRight: 25}}>*/}
{/*<PriceChangesGrid selectedExchange={this.props.selectedExchange}*/}
{/*onRowClicked={this.onRowClicked}/>*/}
{/*</div>*/}
{/*<div style={{float: "left"}}>*/}
{/*<StockDetailPanel selectedSymbol={this.state.selectedSymbol}*/}
{/*exchangeName={this.props.selectedExchange.name}/>*/}
{/*</div>*/}
{/*</div>*/}
<div style={{width: "100%", clear: "both", paddingTop: 25}}>
<FxQuoteMatrix/>
</div>
</div>
);