reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-07-23 06:29:51 +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 * as base16 from 'base16';
import { push as pushRoute } from 'connected-react-router'; import { push as pushRoute } from 'connected-react-router';
import { Path } from 'history'; 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 getOptions, { Options } from './getOptions';
import { import {
AddFunctionAction, AddFunctionAction,

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

@ -1,11 +1,13 @@
import React from 'react'; import React from 'react';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { createDevTools } from '@redux-devtools/core'; 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 { 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 getOptions from './getOptions';
import { base16Themes } from '@redux-devtools/inspector-monitor/lib/utils/createStylingFromTheme';
import { DemoAppState } from './reducers'; import { DemoAppState } from './reducers';
const CustomComponent = () => ( const CustomComponent = () => (
@ -31,7 +33,7 @@ export const getDevTools = (location: { search: string }) =>
changePositionKey="ctrl-q" changePositionKey="ctrl-q"
changeMonitorKey="ctrl-m" changeMonitorKey="ctrl-m"
> >
<DevtoolsInspector <InspectorMonitor
theme={getOptions(location).theme as keyof typeof base16Themes} theme={getOptions(location).theme as keyof typeof base16Themes}
invertTheme={!getOptions(location).dark} invertTheme={!getOptions(location).dark}
supportImmutable={getOptions(location).supportImmutable} 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 { Tab, TabComponentProps } from './ActionPreview';
export { DevtoolsInspectorState } from './redux'; export { DevtoolsInspectorState } from './redux';
export { base16Themes } from './utils/createStylingFromTheme'; 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 preset from 'jss-preset-default';
import { createStyling } from 'react-base16-styling'; import { createStyling } from 'react-base16-styling';
import rgba from 'hex-rgba'; import rgba from 'hex-rgba';