X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/cf895a44aa0b2a175bc70056ce0bf1c66cb8192f..5430c336b96cbb7c20bffa1cbdb8cffea32fb460:/src/store/store.ts diff --git a/src/store/store.ts b/src/store/store.ts index 1b9e05a9..913207c3 100644 --- a/src/store/store.ts +++ b/src/store/store.ts @@ -2,7 +2,7 @@ // // SPDX-License-Identifier: AGPL-3.0 -import { createStore, applyMiddleware, compose, Middleware, combineReducers, Store, Action, Dispatch } from 'redux'; +import { createStore, applyMiddleware, Middleware, combineReducers, Store, Action, Dispatch } from 'redux'; import { routerMiddleware, routerReducer } from "react-router-redux"; import thunkMiddleware from 'redux-thunk'; import { History } from "history"; @@ -74,17 +74,10 @@ import { ALL_PROCESSES_PANEL_ID } from './all-processes-panel/all-processes-pane import { Config } from 'common/config'; import { pluginConfig } from 'plugins'; import { MiddlewareListReducer } from 'common/plugintypes'; - -declare global { - interface Window { - __REDUX_DEVTOOLS_EXTENSION_COMPOSE__?: typeof compose; - } -} - -const composeEnhancers = - (process.env.NODE_ENV === 'development' && - window && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || - compose; +import { tooltipsMiddleware } from './tooltips/tooltips-middleware'; +import { sidePanelReducer } from './side-panel/side-panel-reducer' +import { bannerReducer } from './banner/banner-reducer'; +import { composeWithDevTools } from 'redux-devtools-extension'; export type RootState = ReturnType>; @@ -158,6 +151,7 @@ export function configureStore(history: History, services: ServiceRepository, co routerMiddleware(history), thunkMiddleware.withExtraArgument(services), authMiddleware(services), + tooltipsMiddleware(services), projectPanelMiddleware, favoritePanelMiddleware, allProcessessPanelMiddleware, @@ -183,12 +177,13 @@ export function configureStore(history: History, services: ServiceRepository, co middlewares = pluginConfig.middlewares.reduce(reduceMiddlewaresFn, middlewares); - const enhancer = composeEnhancers(applyMiddleware(redirectToMiddleware, ...middlewares)); + const enhancer = composeWithDevTools({/* options */ })(applyMiddleware(redirectToMiddleware, ...middlewares)); return createStore(rootReducer, enhancer); } const createRootReducer = (services: ServiceRepository) => combineReducers({ auth: authReducer(services), + banner: bannerReducer, collectionPanel: collectionPanelReducer, collectionPanelFiles: collectionPanelFilesReducer, contextMenu: contextMenuReducer, @@ -215,5 +210,6 @@ const createRootReducer = (services: ServiceRepository) => combineReducers({ virtualMachines: virtualMachinesReducer, repositories: repositoriesReducer, keepServices: keepServicesReducer, - linkAccountPanel: linkAccountPanelReducer + linkAccountPanel: linkAccountPanelReducer, + sidePanel: sidePanelReducer });