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*/