X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fcommon%2FZeldaIcon.js;h=ef07b9207f3ecbc5bc0d9b28f76889b5be0a8495;hb=a0bca4306e882d77ba192eed889bd7ed52896dad;hp=c5da0b554cbc242322ea3f8c2ab0a2510c50a23f;hpb=c9ed47875647d76d5a794f69f173a1d7ac5984b0;p=alttp.git

diff --git a/resources/js/components/common/ZeldaIcon.js b/resources/js/components/common/ZeldaIcon.js
index c5da0b5..ef07b92 100644
--- a/resources/js/components/common/ZeldaIcon.js
+++ b/resources/js/components/common/ZeldaIcon.js
@@ -74,24 +74,32 @@ const getIconURL = name => {
 		case 'dungeon-tr':
 		case 'dungeon-tt':
 			return `/dungeon/${name.substr(8)}.png`;
+		case 'crystal-switch':
+		case 'crystal-switch-blue':
+		case 'crystal-switch-red':
+			return `/icon/${name}.png`;
 		default:
 			return '';
 	}
 };
 
-const ZeldaIcon = ({ name }) => {
+const ZeldaIcon = ({ name, title }) => {
 	const { t } = useTranslation();
 
 	const invert = name.startsWith('not-');
 	const strippedName = invert ? name.substr(4) : name;
-	const title = t(`icon.zelda.${name}`);
+	const src = getIconURL(strippedName);
+	const alt = t(`icon.zelda.${name}`);
+	const realTitle = title !== '' ? title || alt : null;
 
 	return <span className="zelda-icon">
-		<img
-			alt={title}
-			src={getIconURL(strippedName)}
-			title={title}
-		/>
+		{src ?
+			<img
+				alt={alt}
+				src={src}
+				title={realTitle}
+			/>
+		: null}
 		{invert ?
 			<span className="strike">
 				<Icon.SLASH title="" />
@@ -102,6 +110,7 @@ const ZeldaIcon = ({ name }) => {
 
 ZeldaIcon.propTypes = {
 	name: PropTypes.string,
+	title: PropTypes.string,
 };
 
 export default ZeldaIcon;