diff --git a/src/assets/images/menu.png b/src/assets/images/menu.png new file mode 100644 index 0000000..3dc1fe9 Binary files /dev/null and b/src/assets/images/menu.png differ diff --git a/src/assets/images/twitter-dark.svg b/src/assets/images/twitter-dark.svg new file mode 100644 index 0000000..525e19d --- /dev/null +++ b/src/assets/images/twitter-dark.svg @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/twitter-normal.svg b/src/assets/images/twitter-normal.svg new file mode 100644 index 0000000..a5e5786 --- /dev/null +++ b/src/assets/images/twitter-normal.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/IconComponent/IconComponent.spec.js b/src/components/IconComponent/IconComponent.spec.js new file mode 100644 index 0000000..0000f82 --- /dev/null +++ b/src/components/IconComponent/IconComponent.spec.js @@ -0,0 +1,15 @@ +import React from 'react'; +import { shallow } from 'enzyme'; +import IconComponent from './index.jsx'; + +describe('Render component', () => { + it('renders Icon component', () => { + shallow( + + ); + }); +}); diff --git a/src/components/IconComponent/index.jsx b/src/components/IconComponent/index.jsx new file mode 100644 index 0000000..a5d373f --- /dev/null +++ b/src/components/IconComponent/index.jsx @@ -0,0 +1,26 @@ +import React from 'react'; +import PropTypes from 'proptypes'; +import './index.scss'; + + +/** + * Sample Usage + * +*/ +const IconComponent = ({ className, src, alt }) => { + return {alt}; +}; + + + +IconComponent.propTypes = { + className: PropTypes.string.isRequired, + src: PropTypes.string.isRequired, + alt: PropTypes.string.isRequired +}; + +export default IconComponent; diff --git a/src/components/IconComponent/index.scss b/src/components/IconComponent/index.scss new file mode 100644 index 0000000..955f127 --- /dev/null +++ b/src/components/IconComponent/index.scss @@ -0,0 +1,9 @@ +.icon-large { + height: 100px; + width: 100px; +} + +.icon-small { + height: 20px; + width: 20px; +} \ No newline at end of file