fix missing icons

3 files changed, 6 insertions, 3 deletions

diff --git a/src/components/ui/FeatureItem.js b/src/components/ui/FeatureItem.js
index a63f5f7b5..53616f2eb 100644
--- a/src/components/ui/FeatureItem.js
+++ b/src/components/ui/FeatureItem.js
@@ -2,6 +2,7 @@ import React from 'react';
 import injectSheet from 'react-jss';
 import { Icon } from '@meetfranz/ui';
 import classnames from 'classnames';
+import { mdiCheckCircle } from '@mdi/js';
 
 const styles = theme => ({
   featureItem: {
@@ -27,7 +28,7 @@ export const FeatureItem = injectSheet(styles)(({
     {icon ? (
       <span className={classes.featureIcon}>{icon}</span>
     ) : (
-      <Icon icon="mdiCheckCircle" className={classes.featureIcon} size={1.5} />
+      <Icon icon={mdiCheckCircle} className={classes.featureIcon} size={1.5} />
     )}
     {name}
   </li>
diff --git a/src/components/ui/Modal/index.js b/src/components/ui/Modal/index.js
index 0b7154760..63d858c47 100644
--- a/src/components/ui/Modal/index.js
+++ b/src/components/ui/Modal/index.js
@@ -5,6 +5,7 @@ import classnames from 'classnames';
 import injectCSS from 'react-jss';
 import { Icon } from '@meetfranz/ui';
 
+import { mdiClose } from '@mdi/js';
 import styles from './styles';
 
 // ReactModal.setAppElement('#root');
@@ -59,7 +60,7 @@ export default @injectCSS(styles) class Modal extends Component {
             className={classes.close}
             onClick={close}
           >
-            <Icon icon="mdiClose" size={1.5} />
+            <Icon icon={mdiClose} size={1.5} />
           </button>
         )}
         <div className={classes.content}>
diff --git a/src/features/shareFranz/Component.js b/src/features/shareFranz/Component.js
index 8d1d595c5..859c0ebe9 100644
--- a/src/features/shareFranz/Component.js
+++ b/src/features/shareFranz/Component.js
@@ -6,6 +6,7 @@ import { defineMessages, intlShape } from 'react-intl';
 import { Button } from '@meetfranz/forms';
 import { H1, Icon } from '@meetfranz/ui';
 
+import { mdiHeart } from '@mdi/js';
 import Modal from '../../components/ui/Modal';
 import { state } from '.';
 import { gaEvent } from '../../lib/analytics';
@@ -116,7 +117,7 @@ export default @injectSheet(styles) @inject('stores') @observer class ShareFranz
         close={this.close.bind(this)}
       >
         <div className={classes.heartContainer}>
-          <Icon icon="mdiHeart" className={classes.heart} size={4} />
+          <Icon icon={mdiHeart} className={classes.heart} size={4} />
         </div>
         <H1 className={classes.headline}>
           {intl.formatMessage(messages.headline)}