diff --git a/src/createDevTools.js b/src/createDevTools.js index b5eecadd..9a50ad48 100644 --- a/src/createDevTools.js +++ b/src/createDevTools.js @@ -10,9 +10,26 @@ export default function createDevTools(React) { ActionCreators ) class DevTools extends Component { + + static defaultProps = { + visibleOnLoad: true + }; + + componentWillMount() { + const monitorState = { + ...this.props.monitorState, + isVisible: this.props.visibleOnLoad + }; + this.props.setMonitorState(monitorState); + } + render() { + const monitorState = { + ...this.props.monitorState, + isVisible: this.props.visibleOnLoad + }; const { monitor: Monitor } = this.props; - return ; + return ; } } diff --git a/src/react/LogMonitor.js b/src/react/LogMonitor.js index d960f460..bce96e72 100644 --- a/src/react/LogMonitor.js +++ b/src/react/LogMonitor.js @@ -53,15 +53,13 @@ export default class LogMonitor extends Component { toggleAction: PropTypes.func.isRequired, jumpToState: PropTypes.func.isRequired, setMonitorState: PropTypes.func.isRequired, - select: PropTypes.func.isRequired, - visibleOnLoad: PropTypes.bool + select: PropTypes.func.isRequired }; static defaultProps = { select: (state) => state, monitorState: { isVisible: true }, - theme: 'nicinabox', - visibleOnLoad: true + theme: 'nicinabox' }; componentWillReceiveProps(nextProps) { @@ -93,15 +91,6 @@ export default class LogMonitor extends Component { } } - componentWillMount() { - let visibleOnLoad = this.props.visibleOnLoad; - const { monitorState } = this.props; - this.props.setMonitorState({ - ...monitorState, - isVisible: visibleOnLoad - }); - } - handleRollback() { this.props.rollback(); }