From db97bdf9104437bb23798ba2aa80c2127bfdb506 Mon Sep 17 00:00:00 2001
From: Nathan Bierema <nbierema@gmail.com>
Date: Sun, 9 Jan 2022 09:22:27 -0500
Subject: [PATCH] Fix inspector demo

---
 .../demo/src/DemoApp.tsx                               |  2 +-
 .../demo/src/DevTools.tsx                              | 10 ++++++----
 packages/redux-devtools-inspector-monitor/src/index.ts |  1 +
 .../src/utils/createStylingFromTheme.ts                |  2 +-
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/redux-devtools-inspector-monitor/demo/src/DemoApp.tsx b/packages/redux-devtools-inspector-monitor/demo/src/DemoApp.tsx
index f26b4eb1..a1cd466c 100644
--- a/packages/redux-devtools-inspector-monitor/demo/src/DemoApp.tsx
+++ b/packages/redux-devtools-inspector-monitor/demo/src/DemoApp.tsx
@@ -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,
diff --git a/packages/redux-devtools-inspector-monitor/demo/src/DevTools.tsx b/packages/redux-devtools-inspector-monitor/demo/src/DevTools.tsx
index 19de0821..829474e6 100644
--- a/packages/redux-devtools-inspector-monitor/demo/src/DevTools.tsx
+++ b/packages/redux-devtools-inspector-monitor/demo/src/DevTools.tsx
@@ -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}
diff --git a/packages/redux-devtools-inspector-monitor/src/index.ts b/packages/redux-devtools-inspector-monitor/src/index.ts
index 22a4d10c..f5f58571 100644
--- a/packages/redux-devtools-inspector-monitor/src/index.ts
+++ b/packages/redux-devtools-inspector-monitor/src/index.ts
@@ -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';
diff --git a/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts b/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts
index a8e5f88f..8f75dd68 100644
--- a/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts
+++ b/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts
@@ -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';