From 04b024c03292ae439bef2868acaa3bdd60c16556 Mon Sep 17 00:00:00 2001 From: Vladimir Starkov Date: Thu, 8 Jun 2017 17:25:29 +0200 Subject: [PATCH] feat(Icon): update Profile icon and add new Market and Portfolio icons --- src/components/icon/icons/index.js | 4 +++ src/components/icon/icons/market.jsx | 36 +++++++++++++++++++++++++ src/components/icon/icons/portfolio.jsx | 34 +++++++++++++++++++++++ src/components/icon/icons/profile.jsx | 20 +++++--------- 4 files changed, 81 insertions(+), 13 deletions(-) create mode 100644 src/components/icon/icons/market.jsx create mode 100644 src/components/icon/icons/portfolio.jsx diff --git a/src/components/icon/icons/index.js b/src/components/icon/icons/index.js index ddb44b0d..3320a367 100644 --- a/src/components/icon/icons/index.js +++ b/src/components/icon/icons/index.js @@ -36,8 +36,10 @@ import LightningBolt from './lightningBolt'; import Lock from './lock'; import Mail from './mail'; import MailOpen from './mailOpen'; +import Market from './market'; import News from './news'; import OrderDepth from './orderDepth'; +import Portfolio from './portfolio'; import Print from './print'; import Profile from './profile'; import Questionmark from './questionmark'; @@ -93,8 +95,10 @@ const Icon = { Lock, Mail, MailOpen, + Market, News, OrderDepth, + Portfolio, Print, Profile, Questionmark, diff --git a/src/components/icon/icons/market.jsx b/src/components/icon/icons/market.jsx new file mode 100644 index 00000000..608360c3 --- /dev/null +++ b/src/components/icon/icons/market.jsx @@ -0,0 +1,36 @@ +import PropTypes from 'prop-types'; +import React from 'react'; +import Icon from '../icon'; + +export default function Market({ + stroke, + fill, + strokeWidth, + style: styleProp, + ...rest // eslint-disable-line comma-dangle +}) { + const style = { + ...styleProp, + ...Icon.defaultProps.style, + }; + return ( + + + + + + + + + + ); +} + +Market.propTypes = { + ...Icon.propTypes, + stroke: PropTypes.string, + fill: PropTypes.string, + strokeWidth: PropTypes.number, +}; + +Market.defaultProps = Icon.defaultProps; diff --git a/src/components/icon/icons/portfolio.jsx b/src/components/icon/icons/portfolio.jsx new file mode 100644 index 00000000..e3c23d6a --- /dev/null +++ b/src/components/icon/icons/portfolio.jsx @@ -0,0 +1,34 @@ +import PropTypes from 'prop-types'; +import React from 'react'; +import Icon from '../icon'; + +export default function Portfolio({ + stroke, + fill, + strokeWidth, + style: styleProp, + ...rest // eslint-disable-line comma-dangle +}) { + const style = { + ...styleProp, + ...Icon.defaultProps.style, + }; + return ( + + + + + + + + ); +} + +Portfolio.propTypes = { + ...Icon.propTypes, + stroke: PropTypes.string, + fill: PropTypes.string, + strokeWidth: PropTypes.number, +}; + +Portfolio.defaultProps = Icon.defaultProps; diff --git a/src/components/icon/icons/profile.jsx b/src/components/icon/icons/profile.jsx index 6058afc4..3760c843 100644 --- a/src/components/icon/icons/profile.jsx +++ b/src/components/icon/icons/profile.jsx @@ -15,18 +15,12 @@ export default function Profile({ }; return ( - - - - - + + + ); @@ -39,4 +33,4 @@ Profile.propTypes = { strokeWidth: PropTypes.number, }; -Profile.defaultProps = Icon.defaultProps; +Profile.defaultProps = { ...Icon.defaultProps, viewBox: '0 0 14 14' };