X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fcomponents%2Fcommon%2FZeldaIcon.js;fp=resources%2Fjs%2Fcomponents%2Fcommon%2FZeldaIcon.js;h=84f2220672ce3e622031b96ea6064325df774ec8;hb=2110d91bc5016fd78aec02578b09506b6d67f45e;hp=0000000000000000000000000000000000000000;hpb=c0980e3225576839de383a6988df40d7630bd316;p=alttp.git

diff --git a/resources/js/components/common/ZeldaIcon.js b/resources/js/components/common/ZeldaIcon.js
new file mode 100644
index 0000000..84f2220
--- /dev/null
+++ b/resources/js/components/common/ZeldaIcon.js
@@ -0,0 +1,80 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { withTranslation } from 'react-i18next';
+
+import i18n from '../../i18n';
+
+const getIconURL = name => {
+	switch (name) {
+		case 'big-key':
+		case 'blue-boomerang':
+		case 'blue-mail':
+		case 'blue-pendant':
+		case 'blue-potion':
+		case 'bombos':
+		case 'bomb':
+		case 'book':
+		case 'boots':
+		case 'bottle-bee':
+		case 'bottle':
+		case 'bow':
+		case 'bugnet':
+		case 'byrna':
+		case 'cape':
+		case 'compass':
+		case 'crystal':
+		case 'duck':
+		case 'ether':
+		case 'fairy':
+		case 'fighter-shield':
+		case 'fire-rod':
+		case 'fire-shield':
+		case 'flippers':
+		case 'flute':
+		case 'glove':
+		case 'green-mail':
+		case 'green-pendant':
+		case 'green-potion':
+		case 'hammer':
+		case 'heart-container':
+		case 'heart-piece':
+		case 'hookshot':
+		case 'ice-rod':
+		case 'lamp':
+		case 'map':
+		case 'mirror':
+		case 'mirror-shield':
+		case 'mitts':
+		case 'moonpearl':
+		case 'mushroom':
+		case 'powder':
+		case 'quake':
+		case 'red-bomb':
+		case 'red-boomerang':
+		case 'red-mail':
+		case 'red-pendant':
+		case 'red-potion':
+		case 'shovel':
+		case 'silvers':
+		case 'small-key':
+		case 'somaria':
+			return `/item/${name}.png`;
+		default:
+			return '';
+	}
+};
+
+const ZeldaIcon = ({ name }) =>
+<span className="zelda-icon">
+	<img
+		alt={i18n.t(`icon.zelda.${name}`)}
+		src={getIconURL(name)}
+		title={i18n.t(`icon.zelda.${name}`)}
+	/>
+</span>;
+
+ZeldaIcon.propTypes = {
+	name: PropTypes.string,
+};
+
+export default withTranslation()(ZeldaIcon);