X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fmap%2FPopover.js;h=7fbbcef0c3c2c6dc24705e14a2d5ff2e2c847478;hb=6976d85a7117de53f7d42dee3de1f6b8fcb9726d;hp=02d407061c5422a8b61538b706eeabaf83e093d0;hpb=a6ae4c17a843b876fb7bf552577a76b79645d55b;p=alttp.git

diff --git a/resources/js/components/map/Popover.js b/resources/js/components/map/Popover.js
index 02d4070..7fbbcef 100644
--- a/resources/js/components/map/Popover.js
+++ b/resources/js/components/map/Popover.js
@@ -3,6 +3,8 @@ import React from 'react';
 import { Card, ListGroup } from 'react-bootstrap';
 import { Link } from 'react-router-dom';
 
+import ZeldaIcon from '../common/ZeldaIcon';
+
 import {
 	getLink,
 	getRelations,
@@ -35,6 +37,13 @@ const Popover = ({ show, technique }) =>
 							title={getTranslation(r, 'short', i18n.language)}
 						>
 							<Link to={getLink(r)}>
+								{r.title_icons ?
+									<span className="tech-title-icons">
+										{r.title_icons.map(icon =>
+											<ZeldaIcon key={icon} name={icon} />
+										)}
+									</span>
+								: null}
 								{getTranslation(r, 'title', i18n.language)}
 							</Link>
 						</ListGroup.Item>