diff --git a/src/containers/ViewerInfo.js b/src/containers/ViewerInfo.js index e63b29722aebcba48516ff36ee5905a20f89436a..6aacacb19b2baa8b0fc1e1cfb0881a1a39839658 100644 --- a/src/containers/ViewerInfo.js +++ b/src/containers/ViewerInfo.js @@ -4,7 +4,9 @@ import { withTranslation } from 'react-i18next'; import { withStyles } from '@material-ui/core/styles'; import { withPlugins } from '../extend/withPlugins'; import { ViewerInfo } from '../components/ViewerInfo'; -import { getCanvasLabel, getCanvases, getCanvasIndex } from '../state/selectors'; +import { + getCanvasLabel, getCanvases, getCanvasIndex, getVisibleCanvasIds +} from '../state/selectors'; /** * mapStateToProps - to hook up connect @@ -15,12 +17,13 @@ const mapStateToProps = (state, props) => { const { windowId } = props; const canvases = getCanvases(state, { windowId }); const canvasIndex = getCanvasIndex(state, { windowId }); + const canvasId = getVisibleCanvasIds(state, { windowId })[0]; return { canvasCount: canvases.length, canvasIndex, canvasLabel: getCanvasLabel(state, { - canvasIndex, + canvasId, windowId, }), }; diff --git a/src/containers/WindowCanvasNavigationControls.js b/src/containers/WindowCanvasNavigationControls.js index 7fc436c929e8d50381518c2b1be502de884e001e..c823351483e99ae53e6747e443f9436898067066 100644 --- a/src/containers/WindowCanvasNavigationControls.js +++ b/src/containers/WindowCanvasNavigationControls.js @@ -4,19 +4,11 @@ import { withSize } from 'react-sizeme'; import { withStyles } from '@material-ui/core'; import { fade } from '@material-ui/core/styles/colorManipulator'; import { withPlugins } from '../extend/withPlugins'; -import { - getCurrentCanvas, - getCanvasLabel, - getWorkspace, -} from '../state/selectors'; +import { getWorkspace } from '../state/selectors'; import { WindowCanvasNavigationControls } from '../components/WindowCanvasNavigationControls'; /** */ const mapStateToProps = (state, { windowId }) => ({ - canvasLabel: getCanvasLabel(state, { - canvasId: (getCurrentCanvas(state, { windowId }) || {}).id, - windowId, - }), visible: getWorkspace(state).focusedWindowId === windowId, });