From 340d8b124edc2b73fce4ab1c150c2a4fffb0c7d3 Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Wed, 14 Aug 2019 10:49:03 +0300
Subject: Icon: load from external sprite

---
 vnext/src/ui/Icon.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'vnext/src/ui')

diff --git a/vnext/src/ui/Icon.js b/vnext/src/ui/Icon.js
index 255bba34..af9a0944 100644
--- a/vnext/src/ui/Icon.js
+++ b/vnext/src/ui/Icon.js
@@ -1,6 +1,9 @@
 import React, { memo } from 'react';
 import PropTypes from 'prop-types';
 
+// @ts-ignore
+import evilIcons from 'evil-icons/assets/sprite.svg';
+
 /**
  * @typedef {Object} IconProps
  * @property {string} size
@@ -19,7 +22,7 @@ function IconElement(props) {
     var klass = 'icon' + (!props.noFill ? ' icon--' + props.name : '') + size + className;
 
     var name = '#' + props.name + '-icon';
-    var useTag = '<use xlink:href=' + name + ' />';
+    var useTag = `<use xlink:href='${evilIcons}${name}' />`;
     var Icon = React.createElement('svg', { className: 'icon__cnt', dangerouslySetInnerHTML: { __html: useTag } });
     return React.createElement(
         'div',
-- 
cgit v1.2.3