tech title icons

[alttp.git] / resources / js / components / map / Popover.js

diff --git a/resources/js/components/map/Popover.js b/resources/js/components/map/Popover.js
index 02d407061c5422a8b61538b706eeabaf83e093d0..7fbbcef0c3c2c6dc24705e14a2d5ff2e2c847478 100644 (file)
--- 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>