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