diff --git a/src/components/backpack/backpack.jsx b/src/components/backpack/backpack.jsx index f5d1a0ae280b81849055830aab20bd0b575a868a..c55e91128767bfdb176790fe1c987b50e80d3efd 100644 --- a/src/components/backpack/backpack.jsx +++ b/src/components/backpack/backpack.jsx @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import classNames from 'classnames'; -import {FormattedMessage} from 'react-intl'; +import {FormattedMessage, defineMessages, injectIntl, intlShape} from 'react-intl'; import DragConstants from '../../lib/drag-constants'; import {ComingSoonTooltip} from '../coming-soon/coming-soon.jsx'; import SpriteSelectorItem from '../../containers/sprite-selector-item.jsx'; @@ -17,6 +17,29 @@ const dragTypeMap = { // Keys correspond with the backpack-server item types sprite: DragConstants.BACKPACK_SPRITE }; +const labelMap = defineMessages({ + costume: { + id: 'gui.backpack.costumeLabel', + defaultMessage: 'costume', + description: 'Label for costume backpack item' + }, + sound: { + id: 'gui.backpack.soundLabel', + defaultMessage: 'sound', + description: 'Label for sound backpack item' + }, + script: { + id: 'gui.backpack.scriptLabel', + defaultMessage: 'script', + description: 'Label for script backpack item' + }, + sprite: { + id: 'gui.backpack.spriteLabel', + defaultMessage: 'sprite', + description: 'Label for sprite backpack item' + } +}); + const Backpack = ({ blockDragOver, containerRef, @@ -24,6 +47,7 @@ const Backpack = ({ dragOver, error, expanded, + intl, loading, showMore, onToggle, @@ -94,7 +118,7 @@ const Backpack = ({ dragType={dragTypeMap[item.type]} id={item.id} key={item.id} - name={item.type} + name={intl.formatMessage(labelMap[item.type])} selected={false} onClick={noop} onDeleteButtonClick={onDelete} @@ -141,6 +165,7 @@ Backpack.propTypes = { dragOver: PropTypes.bool, error: PropTypes.bool, expanded: PropTypes.bool, + intl: intlShape, loading: PropTypes.bool, onDelete: PropTypes.func, onMore: PropTypes.func, @@ -161,4 +186,4 @@ Backpack.defaultProps = { onToggle: null }; -export default Backpack; +export default injectIntl(Backpack);