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

diff --git a/resources/js/components/common/ZeldaIcon.js b/resources/js/components/common/ZeldaIcon.js
index 067dfbc..ef07b92 100644
--- a/resources/js/components/common/ZeldaIcon.js
+++ b/resources/js/components/common/ZeldaIcon.js
@@ -83,19 +83,23 @@ const getIconURL = name => {
 	}
 };
 
-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="" />
@@ -106,6 +110,7 @@ const ZeldaIcon = ({ name }) => {
 
 ZeldaIcon.propTypes = {
 	name: PropTypes.string,
+	title: PropTypes.string,
 };
 
 export default ZeldaIcon;