Change CloseIcon refs to use IconClose

src/components/IconClose/IconClose.js

@@ -1,9 +1,9 @@
 import React, { PropTypes } from 'react';
 import classNames from 'classnames';
 
-import css from './CloseIcon.css';
+import css from './IconClose.css';
 
-const CloseIcon = props => {
+const IconClose = props => {
   const { className, rootClassName } = props;
   const classes = classNames(rootClassName || css.root, className);
 
@@ -25,14 +25,14 @@ const CloseIcon = props => {
 
 const { string } = PropTypes;
 
-CloseIcon.defaultProps = {
+IconClose.defaultProps = {
   className: null,
   rootClassName: null,
 };
 
-CloseIcon.propTypes = {
+IconClose.propTypes = {
   className: string,
   rootClassName: string,
 };
 
-export default CloseIcon;
+export default IconClose;

src/components/Modal/Modal.js

@@ -11,7 +11,7 @@
 import React, { Component, PropTypes } from 'react';
 import classNames from 'classnames';
 import { FormattedMessage, intlShape, injectIntl } from 'react-intl';
-import { Button, CloseIcon } from '../../components';
+import { Button, IconClose } from '../../components';
 
 import css from './Modal.css';
 
@@ -81,7 +81,7 @@ export class ModalComponent extends Component {
           <span className={css.closeText}>
             {closeButtonMessage || <FormattedMessage id="Modal.close" />}
           </span>
-          <CloseIcon rootClassName={css.closeIcon} />
+          <IconClose rootClassName={css.closeIcon} />
         </Button>
       : null;
 

src/components/index.js

@@ -3,7 +3,6 @@ import Avatar, { AvatarMedium, AvatarLarge } from './Avatar/Avatar';
 import BirthdayInputField from './BirthdayInputField/BirthdayInputField';
 import BookingBreakdown from './BookingBreakdown/BookingBreakdown';
 import Button, { PrimaryButton, SecondaryButton, InlineTextButton } from './Button/Button';
-import CloseIcon from './CloseIcon/CloseIcon';
 import CurrencyInputField from './CurrencyInputField/CurrencyInputField';
 import DateInputField from './DateInputField/DateInputField';
 import DateRangeInputField from './DateRangeInputField/DateRangeInputField';
@@ -18,6 +17,7 @@ import ExpandingTextarea from './ExpandingTextarea/ExpandingTextarea';
 import FilterPanel from './FilterPanel/FilterPanel';
 import HeroSection from './HeroSection/HeroSection';
 import IconBannedUser from './IconBannedUser/IconBannedUser';
+import IconClose from './IconClose/IconClose';
 import IconEmailAttention from './IconEmailAttention/IconEmailAttention';
 import IconEmailSent from './IconEmailSent/IconEmailSent';
 import IconEmailSuccess from './IconEmailSuccess/IconEmailSuccess';
@@ -77,7 +77,6 @@ export {
   BirthdayInputField,
   BookingBreakdown,
   Button,
-  CloseIcon,
   CurrencyInputField,
   DateInputField,
   DateRangeInputField,
@@ -92,6 +91,7 @@ export {
   FilterPanel,
   HeroSection,
   IconBannedUser,
+  IconClose,
   IconEmailAttention,
   IconEmailSent,
   IconEmailSuccess,

src/containers/AuthenticationPage/AuthenticationPage.js

@@ -18,7 +18,7 @@ import {
   Topbar,
   IconEmailSent,
   InlineTextButton,
-  CloseIcon,
+  IconClose,
 } from '../../components';
 import { LoginForm, SignupForm } from '../../containers';
 import { login, logout, authenticationInProgress, signup } from '../../ducks/Auth.duck';
@@ -168,7 +168,7 @@ export const AuthenticationPageComponent = props => {
         <span className={css.closeText}>
           <FormattedMessage id="AuthenticationPage.verifyEmailClose" />
         </span>
-        <CloseIcon rootClassName={css.closeIcon} />
+        <IconClose rootClassName={css.closeIcon} />
       </NamedLink>
       <IconEmailSent />
       <h1 className={css.verifyTitle}>