diff --git a/src/components/gui/gui.jsx b/src/components/gui/gui.jsx index 1f7ccfb2059e821629093a21e171e3cac779758e..6512cecf7ab592615ccf7770aacaf80044a11c79 100644 --- a/src/components/gui/gui.jsx +++ b/src/components/gui/gui.jsx @@ -59,6 +59,7 @@ const GUIComponent = props => { onActivateSoundsTab, onActivateTab, previewInfoVisible, + targetIsStage, soundsTabVisible, tipsLibraryVisible, vm, @@ -139,11 +140,19 @@ const GUIComponent = props => { draggable={false} src={costumesIcon} /> - <FormattedMessage - defaultMessage="Costumes" - description="Button to get to the costumes panel" - id="gui.gui.costumesTab" - /> + {targetIsStage ? ( + <FormattedMessage + defaultMessage="Backdrops" + description="Button to get to the backdrops panel" + id="gui.gui.backdropsTab" + /> + ) : ( + <FormattedMessage + defaultMessage="Costumes" + description="Button to get to the costumes panel" + id="gui.gui.costumesTab" + /> + )} </Tab> <Tab className={tabClassNames.tab} @@ -240,6 +249,7 @@ GUIComponent.propTypes = { onTabSelect: PropTypes.func, previewInfoVisible: PropTypes.bool, soundsTabVisible: PropTypes.bool, + targetIsStage: PropTypes.bool, tipsLibraryVisible: PropTypes.bool, vm: PropTypes.instanceOf(VM).isRequired }; diff --git a/src/containers/gui.jsx b/src/containers/gui.jsx index 521837bff9ee60e6bbb0550a60cce2bb605a7251..f67d4df7449c0bb24688629b37e8e34c45e51be6 100644 --- a/src/containers/gui.jsx +++ b/src/containers/gui.jsx @@ -103,6 +103,7 @@ const mapStateToProps = state => ({ importInfoVisible: state.modals.importInfo, loadingStateVisible: state.modals.loadingProject, previewInfoVisible: state.modals.previewInfo, + targetIsStage: state.targets.stage && state.targets.stage.id === state.targets.editingTarget, soundsTabVisible: state.editorTab.activeTabIndex === SOUNDS_TAB_INDEX, tipsLibraryVisible: state.modals.tipsLibrary });