@@ -90,6 +90,8 @@ export default class ReduxDevTools extends Component {
90
90
} = this . props ;
91
91
const isRedux = options . lib === 'redux' ;
92
92
const isConnected = ! ! options . connectionId ;
93
+ const isSliderOpen = sliderIsOpen && isConnected ;
94
+ const isDispathcerOpen = dispatcherIsOpen && isConnected ;
93
95
return (
94
96
< div className = "redux-container" style = { containerStyle } >
95
97
< div style = { styles . buttonBar } >
@@ -104,18 +106,17 @@ export default class ReduxDevTools extends Component {
104
106
lib = { options . lib }
105
107
/>
106
108
< Notification />
107
- { sliderIsOpen &&
108
- isConnected && (
109
- < SliderMonitor
110
- monitor = "SliderMonitor"
111
- liftedState = { liftedState }
112
- dispatch = { liftedDispatch }
113
- showActions = { monitor === 'ChartMonitor' }
114
- style = { sliderStyle }
115
- fillColor = "rgb(120, 144, 156)"
116
- />
117
- ) }
118
- { dispatcherIsOpen && options . connectionId && < Dispatcher options = { options } /> }
109
+ { isSliderOpen && (
110
+ < SliderMonitor
111
+ monitor = "SliderMonitor"
112
+ liftedState = { liftedState }
113
+ dispatch = { liftedDispatch }
114
+ showActions = { monitor === 'ChartMonitor' }
115
+ style = { sliderStyle }
116
+ fillColor = "rgb(120, 144, 156)"
117
+ />
118
+ ) }
119
+ { isDispathcerOpen && < Dispatcher options = { options } /> }
119
120
< div className = "redux-buttonbar" style = { styles . buttonBar } >
120
121
{ isRedux && < RecordButton paused = { liftedState . isPaused } /> }
121
122
{ isRedux && < LockButton locked = { liftedState . isLocked } /> }
0 commit comments