From 0a6aece8e5ec767f0f066997ebf0606a48fbcaec Mon Sep 17 00:00:00 2001
From: apple502j <33279053+apple502j@users.noreply.github.com>
Date: Sun, 23 Aug 2020 16:46:55 +0900
Subject: [PATCH] Localize backpack item label
---
src/components/backpack/backpack.jsx | 31 +++++++++++++++++++++++++---
1 file changed, 28 insertions(+), 3 deletions(-)
diff --git a/src/components/backpack/backpack.jsx b/src/components/backpack/backpack.jsx
index f5d1a0ae2..c55e91128 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);
--
GitLab