add reactSVG to support svg

davojta · Sep 10, 2017 · 8fa705f · 8fa705f
1 parent abfb9ef
commit 8fa705f
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 3 deletions.
diff --git a/dist/components/anchors.js b/dist/components/anchors.js
@@ -36,6 +36,10 @@ var _propTypes = require('prop-types');
 
 var _propTypes2 = _interopRequireDefault(_propTypes);
 
+var _reactSvg = require('react-svg');
+
+var _reactSvg2 = _interopRequireDefault(_reactSvg);
+
 var _svgs = require('../svgs');
 
 var SVGs = _interopRequireWildcard(_svgs);
@@ -122,7 +126,9 @@ var Anchors = function (_React$Component) {
               className: 'emoji-mart-anchor ' + (isSelected ? 'emoji-mart-anchor-selected' : ''),
               style: { color: isSelected ? color : null }
             },
-            _react2.default.createElement(SVGElement, null),
+            _react2.default.createElement(_reactSvg2.default, {
+              path: SVGElement
+            }),
             _react2.default.createElement('span', { className: 'emoji-mart-anchor-bar', style: { backgroundColor: color } })
           );
         })

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -19,7 +19,8 @@
   },
   "homepage": "https://github.com/missive/emoji-mart",
   "dependencies": {
-    "measure-scrollbar": "^0.1.0"
+    "measure-scrollbar": "^0.1.0",
+    "react-svg": "^2.1.21"
   },
   "peerDependencies": {
     "react": "^0.14.0 || ^15.0.0-0"

diff --git a/src/components/anchors.js b/src/components/anchors.js
@@ -1,6 +1,8 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 
+import ReactSVG from 'react-svg'
+
 import * as SVGs from '../svgs'
 
 export default class Anchors extends React.Component {
@@ -42,7 +44,9 @@ export default class Anchors extends React.Component {
             className={`emoji-mart-anchor ${isSelected ? 'emoji-mart-anchor-selected' : ''}`}
             style={{ color: isSelected ? color : null }}
           >
-            <SVGElement />
+            <ReactSVG
+                path={SVGElement}
+            />
             <span className='emoji-mart-anchor-bar' style={{ backgroundColor: color }}></span>
           </span>
         )