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="" />
ZeldaIcon.propTypes = {
name: PropTypes.string,
+ title: PropTypes.string,
};
export default ZeldaIcon;