reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-07-22 22:19:48 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix inspector demo

Browse Source
This commit is contained in:
Nathan Bierema 2022-01-09 09:22:27 -05:00
parent 80b9a5a2e0
commit db97bdf910
4 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/redux-devtools-inspector-monitor/demo/src/DemoApp.tsx
View File

@ -12,7 +12,7 @@ import Row from 'react-bootstrap/Row';
import * as base16 from 'base16';
import { push as pushRoute } from 'connected-react-router';
import { Path } from 'history';
import * as inspectorThemes from '@redux-devtools/inspector-monitor/lib/themes';
import { inspectorThemes } from '@redux-devtools/inspector-monitor';
import getOptions, { Options } from './getOptions';
import {
AddFunctionAction,

10
packages/redux-devtools-inspector-monitor/demo/src/DevTools.tsx
View File

@ -1,11 +1,13 @@
import React from 'react';
import { connect } from 'react-redux';
import { createDevTools } from '@redux-devtools/core';
import DockMonitor from '@redux-devtools/dock-monitor';
import { DockMonitor } from '@redux-devtools/dock-monitor';
import { Location } from 'history';
import DevtoolsInspector from '@redux-devtools/inspector-monitor/lib/DevtoolsInspector';
import {
InspectorMonitor,
base16Themes,
} from '@redux-devtools/inspector-monitor';
import getOptions from './getOptions';
import { base16Themes } from '@redux-devtools/inspector-monitor/lib/utils/createStylingFromTheme';
import { DemoAppState } from './reducers';
const CustomComponent = () => (
@ -31,7 +33,7 @@ export const getDevTools = (location: { search: string }) =>
changePositionKey="ctrl-q"
changeMonitorKey="ctrl-m"
>
<DevtoolsInspector
<InspectorMonitor
theme={getOptions(location).theme as keyof typeof base16Themes}
invertTheme={!getOptions(location).dark}
supportImmutable={getOptions(location).supportImmutable}

1
packages/redux-devtools-inspector-monitor/src/index.ts
View File

@ -2,3 +2,4 @@ export { default as InspectorMonitor } from './DevtoolsInspector';
export { Tab, TabComponentProps } from './ActionPreview';
export { DevtoolsInspectorState } from './redux';
export { base16Themes } from './utils/createStylingFromTheme';
export * as inspectorThemes from './themes/index';

2
packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts
View File

@ -1,4 +1,4 @@
import jss, { Styles, StyleSheet } from 'jss';
import jss, { StyleSheet } from 'jss';
import preset from 'jss-preset-default';
import { createStyling } from 'react-base16-styling';
import rgba from 'hex-rgba';