diff --git a/src/components/BirthdayInputField/BirthdayInputField.css b/src/components/FieldBirthdayInput/FieldBirthdayInput.css similarity index 100% rename from src/components/BirthdayInputField/BirthdayInputField.css rename to src/components/FieldBirthdayInput/FieldBirthdayInput.css diff --git a/src/components/BirthdayInputField/BirthdayInputField.example.js b/src/components/FieldBirthdayInput/FieldBirthdayInput.example.js similarity index 91% rename from src/components/BirthdayInputField/BirthdayInputField.example.js rename to src/components/FieldBirthdayInput/FieldBirthdayInput.example.js index c82ff930..1fdc217f 100644 --- a/src/components/BirthdayInputField/BirthdayInputField.example.js +++ b/src/components/FieldBirthdayInput/FieldBirthdayInput.example.js @@ -2,7 +2,7 @@ import React from 'react'; import { reduxForm } from 'redux-form'; import * as validators from '../../util/validators'; -import BirthdayInputField from './BirthdayInputField'; +import FieldBirthdayInput from './FieldBirthdayInput'; const formName = 'Styleguide.BirthdayInput.Form'; @@ -12,7 +12,7 @@ const FormComponent = () => { const minAgeRequired = validators.ageAtLeast(`Age should be at least ${minAge}`, minAge); return (
- { +const FieldBirthdayInputComponent = props => { const { rootClassName, className, id, label, labelForMonth, labelForYear, input, meta } = props; const { valid, invalid, touched, error } = meta; @@ -278,7 +278,7 @@ const BirthdayInputFieldComponent = props => { ); }; -BirthdayInputFieldComponent.defaultProps = { +FieldBirthdayInputComponent.defaultProps = { rootClassName: null, className: null, label: null, @@ -286,7 +286,7 @@ BirthdayInputFieldComponent.defaultProps = { labelForYear: null, }; -BirthdayInputFieldComponent.propTypes = { +FieldBirthdayInputComponent.propTypes = { rootClassName: string, className: string, id: string.isRequired, @@ -297,8 +297,8 @@ BirthdayInputFieldComponent.propTypes = { meta: object.isRequired, }; -const BirthdayInputField = props => { - return ; +const FieldBirthdayInput = props => { + return ; }; -export default BirthdayInputField; +export default FieldBirthdayInput; diff --git a/src/components/index.js b/src/components/index.js index 6dd82329..f45c3f32 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -1,7 +1,6 @@ export { default as ActivityFeed } from './ActivityFeed/ActivityFeed'; export { default as AddImages } from './AddImages/AddImages'; export { default as Avatar, AvatarMedium, AvatarLarge } from './Avatar/Avatar'; -export { default as BirthdayInputField } from './BirthdayInputField/BirthdayInputField'; export { default as BookingBreakdown } from './BookingBreakdown/BookingBreakdown'; export { default as Button, @@ -29,6 +28,7 @@ export { default as EditListingWizard } from './EditListingWizard/EditListingWiz export { default as ExpandingTextarea } from './ExpandingTextarea/ExpandingTextarea'; export { default as ExternalLink } from './ExternalLink/ExternalLink'; export { default as FilterPanel } from './FilterPanel/FilterPanel'; +export { default as FieldBirthdayInput } from './FieldBirthdayInput/FieldBirthdayInput'; export { default as FieldCheckbox } from './FieldCheckbox/FieldCheckbox'; export { default as FieldDateRangeInput } from './FieldDateRangeInput/FieldDateRangeInput'; export { default as FieldGroupCheckbox } from './FieldGroupCheckbox/FieldGroupCheckbox'; diff --git a/src/containers/PayoutDetailsForm/PayoutDetailsForm.js b/src/containers/PayoutDetailsForm/PayoutDetailsForm.js index c1ad34e4..04805391 100644 --- a/src/containers/PayoutDetailsForm/PayoutDetailsForm.js +++ b/src/containers/PayoutDetailsForm/PayoutDetailsForm.js @@ -11,7 +11,7 @@ import { Button, StripeBankAccountTokenInputField, SelectField, - BirthdayInputField, + FieldBirthdayInput, TextInputField, } from '../../components'; import * as validators from '../../util/validators'; @@ -235,7 +235,7 @@ const PayoutDetailsFormComponent = props => { validate={lastNameRequired} /> -