Merge pull request #51 from tomatau/should-expand-node

replace JSONTree.expandRoot with shouldExpandNode
gaearon · Apr 17, 2016 · 82f7815 · 82f7815
2 parents cc33262 + 9095b35
commit 82f7815
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/LogMonitorEntry.js b/src/LogMonitorEntry.js
@@ -31,6 +31,7 @@ export default class LogMonitorEntry extends Component {
   constructor(props) {
     super(props);
     this.handleActionClick = this.handleActionClick.bind(this);
+    this.shouldExpandNode = this.shouldExpandNode.bind(this);
   }
 
   printState(state, error) {
@@ -47,7 +48,7 @@ export default class LogMonitorEntry extends Component {
                 this.props.select(this.props.previousState) :
                 undefined
             }
-            expandRoot={this.props.expandStateRoot}
+            shouldExpandNode={this.shouldExpandNode}
             style={styles.tree} />
         );
       } catch (err) {
@@ -75,6 +76,10 @@ export default class LogMonitorEntry extends Component {
     }
   }
 
+  shouldExpandNode() {
+    return this.props.expandStateRoot;
+  }
+
   render() {
     const { actionId, error, action, state, collapsed } = this.props;
     const styleEntry = {

diff --git a/src/LogMonitorEntryAction.js b/src/LogMonitorEntryAction.js
@@ -14,6 +14,11 @@ const styles = {
 };
 
 export default class LogMonitorAction extends Component {
+  constructor(props) {
+    super(props);
+    this.shouldExpandNode = this.shouldExpandNode.bind(this);
+  }
+
   renderPayload(payload) {
     return (
       <div style={{
@@ -24,11 +29,15 @@ export default class LogMonitorAction extends Component {
           <JSONTree theme={this.props.theme}
                     keyPath={['action']}
                     data={payload}
-                    expandRoot={this.props.expandActionRoot} /> : '' }
+                    shouldExpandNode={this.shouldExpandNode} /> : '' }
       </div>
     );
   }
 
+  shouldExpandNode() {
+    return this.props.expandActionRoot;
+  }
+
   render() {
     const { type, ...payload } = this.props.action;
     return (