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();
}