Merge pull request react-materialize#543 from CloudPower97/chip-refactor

Adding Icon dependency to chip component

src/Chip.js

@@ -1,15 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
+import Icon from './Icon';
 
-const Chip = ({ children, close, className, ...props }) => {
-  return (
-    <div className={cx('chip', className)} {...props}>
-      {children}
-      {close ? <i className="close material-icons">close</i> : null}
-    </div>
-  );
-};
+const Chip = ({ children, close, className, ...props }) => (
+  <div className={cx('chip', className)} {...props}>
+    {children}
+    {close && <Icon>close</Icon>}
+  </div>
+);
 
 Chip.propTypes = {
   className: PropTypes.string,

test/Chip.spec.js

@@ -12,7 +12,7 @@ describe('<Chip />', () => {
 
   test('accepts a close prop', () => {
     wrapper = shallow(<Chip close />);
-    expect(wrapper.find('i.material-icons.close')).toHaveLength(1);
+    expect(wrapper.find('Icon')).toHaveLength(1);
   });
 
   test('accepts children', () => {

test/__snapshots__/Chip.spec.js.snap

@@ -9,11 +9,9 @@ exports[`<Chip /> accepts children 1`] = `
   >
     Child
   </p>
-  <i
-    className="close material-icons"
-  >
+  <Icon>
     close
-  </i>
+  </Icon>
 </div>
 `;