Identify actions from "the future"

gaearon · Aug 9, 2016 · 5198c1b · 5198c1b
1 parent 3f5c6c1
commit 5198c1b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/LogMonitor.js b/src/LogMonitor.js
@@ -184,6 +184,7 @@ export default class LogMonitor extends Component {
       skippedActionIds,
       stagedActionIds,
       computedStates,
+      currentStateIndex,
       select,
       expandActionRoot,
       expandStateRoot
@@ -195,6 +196,7 @@ export default class LogMonitor extends Component {
       skippedActionIds,
       stagedActionIds,
       computedStates,
+      currentStateIndex,
       select,
       expandActionRoot,
       expandStateRoot,

diff --git a/src/LogMonitorEntry.js b/src/LogMonitorEntry.js
@@ -31,6 +31,7 @@ export default class LogMonitorEntry extends Component {
     action: PropTypes.object.isRequired,
     actionId: PropTypes.number.isRequired,
     select: PropTypes.func.isRequired,
+    inFuture: PropTypes.bool,
     error: PropTypes.string,
     onActionClick: PropTypes.func.isRequired,
     collapsed: PropTypes.bool,
@@ -110,9 +111,9 @@ export default class LogMonitorEntry extends Component {
   }
 
   render() {
-    const { actionId, error, action, state, collapsed } = this.props;
+    const { actionId, error, action, state, collapsed, inFuture } = this.props;
     const styleEntry = {
-      opacity: collapsed ? 0.5 : 1,
+      opacity: (collapsed || inFuture) ? 0.5 : 1,
       cursor: (actionId > 0) ? 'pointer' : 'default'
     };
 

diff --git a/src/LogMonitorEntryList.js b/src/LogMonitorEntryList.js
@@ -8,6 +8,7 @@ export default class LogMonitorEntryList extends Component {
     computedStates: PropTypes.array,
     stagedActionIds: PropTypes.array,
     skippedActionIds: PropTypes.array,
+    currentStateIndex: PropTypes.number,
 
     select: PropTypes.func.isRequired,
     onActionClick: PropTypes.func.isRequired,
@@ -27,6 +28,7 @@ export default class LogMonitorEntryList extends Component {
       theme,
       actionsById,
       computedStates,
+      currentStateIndex,
       select,
       skippedActionIds,
       stagedActionIds,
@@ -52,6 +54,7 @@ export default class LogMonitorEntryList extends Component {
           state={state}
           previousState={previousState}
           collapsed={skippedActionIds.indexOf(actionId) > -1}
+          inFuture={i > currentStateIndex}
           error={error}
           expandActionRoot={expandActionRoot}
           expandStateRoot={expandStateRoot}