diff options
author | Determinant <ted.sybil@gmail.com> | 2019-04-10 01:55:41 -0400 |
---|---|---|
committer | Determinant <ted.sybil@gmail.com> | 2019-04-10 01:55:41 -0400 |
commit | 306eb3cdf3015dbaa52aab3377de396c5277ea06 (patch) | |
tree | 3353332d94f909a7cb0745b398da506a04b8a4fd /src/Grid.tsx | |
parent | 291895a75856408788925bfb34e4c085c40efbaf (diff) |
...
Diffstat (limited to 'src/Grid.tsx')
-rw-r--r-- | src/Grid.tsx | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/src/Grid.tsx b/src/Grid.tsx index 995e59f..1bfcaee 100644 --- a/src/Grid.tsx +++ b/src/Grid.tsx @@ -14,6 +14,8 @@ const styles = (theme: Theme): StyleRules => ({ interface GridProps { classes: { }, + onClickNode: (i: number, j: number) => void + onHoverNode: (i: number, j: number) => void data: {d: number[], col: number}[][] } @@ -29,7 +31,7 @@ class Grid extends React.Component<GridProps> { return getNodeColor(s.d[s.col], s.col); } render() { - const { classes, data } = this.props; + const { classes, data, onClickNode, onHoverNode } = this.props; const { gr, gc } = data.length <= 20 ? { gr: 'gridRow', gc: 'gridCell' } : { gr: 'smallGridRow', gc: 'smallGridCell' }; @@ -40,9 +42,16 @@ class Grid extends React.Component<GridProps> { <div key={i}> { row.map((cell, j) => ( + <div + onClick={event => onClickNode(i, j)} + onMouseOver={event => { + if (event.buttons === 1 || event.buttons === 3) + onHoverNode(i, j); + }}> <div key={j} style={{backgroundColor: Grid.getColor(cell)}}> </div> + </div> )) } </div> |