Kedarandkedar.netelixir
e41d339f5f
* Avoid un-necessary redux state update for frequent actions * Avoid un-necessary re-render when no change in props Co-authored-by: kedar.netelixir <kedar.choudhary@netelixir.com>
46 lines
1.3 KiB
JavaScript
46 lines
1.3 KiB
JavaScript
import ViewportGrid from './ViewportGrid.js';
|
|
import { MODULE_TYPES } from '@ohif/core';
|
|
import { connect } from 'react-redux';
|
|
import { extensionManager } from './../../App.js';
|
|
import memoize from 'lodash/memoize';
|
|
|
|
const getAvailableViewportModules = memoize(viewportModules => {
|
|
const availableViewportModules = {};
|
|
viewportModules.forEach(moduleDefinition => {
|
|
availableViewportModules[moduleDefinition.extensionId] =
|
|
moduleDefinition.module;
|
|
});
|
|
return availableViewportModules;
|
|
});
|
|
|
|
const mapStateToProps = state => {
|
|
const viewportModules = extensionManager.modules[MODULE_TYPES.VIEWPORT];
|
|
const availableViewportModules = getAvailableViewportModules(viewportModules);
|
|
|
|
// TODO: Use something like state.plugins.defaultPlugin[MODULE_TYPES.VIEWPORT]
|
|
let defaultPlugin;
|
|
if (viewportModules.length) {
|
|
defaultPlugin = viewportModules[0].extensionId;
|
|
}
|
|
|
|
const { numRows, numColumns, layout, activeViewportIndex } = state.viewports;
|
|
|
|
return {
|
|
numRows,
|
|
numColumns,
|
|
layout,
|
|
activeViewportIndex,
|
|
// TODO: rename `availableViewportModules`
|
|
availablePlugins: availableViewportModules,
|
|
// TODO: rename `defaultViewportModule`
|
|
defaultPlugin,
|
|
};
|
|
};
|
|
|
|
const ConnectedViewportGrid = connect(
|
|
mapStateToProps,
|
|
null
|
|
)(ViewportGrid);
|
|
|
|
export default ConnectedViewportGrid;
|