diff --git a/web/src/LabelTable.js b/web/src/LabelTable.js index cf28721..8c2b02c 100644 --- a/web/src/LabelTable.js +++ b/web/src/LabelTable.js @@ -120,6 +120,17 @@ class LabelTable extends React.Component { }, ]; + let highlightIndex = -1; + table.forEach((label, i) => { + if (highlightIndex === -1) { + if (label.timestamp > this.props.currentTime) { + if (i > 0) { + highlightIndex = i - 1; + } + } + } + }); + return ( ( @@ -133,6 +144,9 @@ class LabelTable extends React.Component { } )} + rowClassName={(record, index) => { + return (highlightIndex === index) ? "alert-row" : ""; + }} /> ); } diff --git a/web/src/index.css b/web/src/index.css index 12963f7..8aa68fa 100644 --- a/web/src/index.css +++ b/web/src/index.css @@ -35,7 +35,7 @@ code { } .alert-row { - background: #ffccc7; + background: rgba(92,48,125,0.55); } /*http://react-china.org/t/topic/33846/3*/