map marker icons

[alttp.git] / resources / js / components / common / ZeldaIcon.js

diff --git a/resources/js/components/common/ZeldaIcon.js b/resources/js/components/common/ZeldaIcon.js
index 9194cde7fc2f58b250f2e021a58c47e59bde9910..ef07b9207f3ecbc5bc0d9b28f76889b5be0a8495 100644 (file)
--- a/resources/js/components/common/ZeldaIcon.js
+++ b/resources/js/components/common/ZeldaIcon.js
@@ -83,20 +83,21 @@ 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 src = getIconURL(strippedName);
-       const title = t(`icon.zelda.${name}`);
+       const alt = t(`icon.zelda.${name}`);
+       const realTitle = title !== '' ? title || alt : null;
 
        return <span className="zelda-icon">
                {src ?
                        <img
-                               alt={title}
+                               alt={alt}
                                src={src}
-                               title={title}
+                               title={realTitle}
                        />
                : null}
                {invert ?
@@ -109,6 +110,7 @@ const ZeldaIcon = ({ name }) => {
 
 ZeldaIcon.propTypes = {
        name: PropTypes.string,
+       title: PropTypes.string,
 };
 
 export default ZeldaIcon;