diff --git a/packages/redux-devtools-inspector-monitor/src/DevtoolsInspector.tsx b/packages/redux-devtools-inspector-monitor/src/DevtoolsInspector.tsx index d8d856a1..b7a6ec15 100644 --- a/packages/redux-devtools-inspector-monitor/src/DevtoolsInspector.tsx +++ b/packages/redux-devtools-inspector-monitor/src/DevtoolsInspector.tsx @@ -123,14 +123,6 @@ function createIntermediateState>( }; } -function createThemeState>( - props: DevtoolsInspectorProps, -) { - const base16Theme = getBase16Theme(props.theme, base16Themes)!; - - return { base16Theme }; -} - export interface ExternalProps> { dispatch: Dispatch< DevtoolsInspectorAction | LiftedAction @@ -186,7 +178,6 @@ interface State> { action: A; error: string | undefined; isWideLayout: boolean; - themeState: { base16Theme: Base16Theme }; } class DevtoolsInspector> extends PureComponent< @@ -196,7 +187,6 @@ class DevtoolsInspector> extends PureComponent< state: State = { ...createIntermediateState(this.props, this.props.monitorState), isWideLayout: false, - themeState: createThemeState(this.props), }; static update = reducer; @@ -252,13 +242,6 @@ class DevtoolsInspector> extends PureComponent< ) { this.setState(createIntermediateState(nextProps, nextMonitorState)); } - - if ( - this.props.theme !== nextProps.theme || - this.props.invertTheme !== nextProps.invertTheme - ) { - this.setState({ themeState: createThemeState(nextProps) }); - } } inspectorCreateRef: React.RefCallback = (node) => { @@ -272,6 +255,7 @@ class DevtoolsInspector> extends PureComponent< computedStates, draggableActions, tabs, + theme, invertTheme, skippedActionIds, currentStateIndex, @@ -286,10 +270,9 @@ class DevtoolsInspector> extends PureComponent< monitorState; const inspectedPathType = tabName === 'Action' ? 'inspectedActionPath' : 'inspectedStatePath'; - const { themeState, isWideLayout, action, nextState, delta, error } = - this.state; - const { base16Theme } = themeState; + const { isWideLayout, action, nextState, delta, error } = this.state; + const base16Theme = getBase16Theme(theme, base16Themes)!; return ( ({ ERROR_COLOR: theme.base08, }); -type Color = keyof ReturnType; - export const inspectorCss: Interpolation = (theme) => ({ display: 'flex', flexDirection: 'column',