diff options
Diffstat (limited to 'vnext/src')
| -rw-r--r-- | vnext/src/index.html | 2 | ||||
| -rw-r--r-- | vnext/src/ui/Icon.js | 5 |
2 files changed, 4 insertions, 3 deletions
diff --git a/vnext/src/index.html b/vnext/src/index.html index 84c4d681..226b89c6 100644 --- a/vnext/src/index.html +++ b/vnext/src/index.html @@ -12,8 +12,6 @@ <meta name="theme-color" content="#ffffff" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="default"> - <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/evil-icons@1.10.1/assets/evil-icons.min.css" /> - <script src="https://cdn.jsdelivr.net/npm/evil-icons@1.10.1/assets/evil-icons.min.js"></script> <link rel="apple-touch-icon" sizes="57x57" href="//i.juick.com/apple-icon-57x57.png" /> <link rel="apple-touch-icon" sizes="60x60" href="//i.juick.com/apple-icon-60x60.png" /> <link rel="apple-touch-icon" sizes="72x72" href="//i.juick.com/apple-icon-72x72.png" /> 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', |