Merge pull request #244 from yldio/fix/form-connect-in-container

Fix/form connect in container

frontend/src/components/new-project/billing.js

@@ -1,5 +1,4 @@
 const React = require('react');
-const ReduxForm = require('redux-form');
 const ReactIntl = require('react-intl');
 const Styled = require('styled-components');
 
@@ -9,10 +8,6 @@ const fns = require('@ui/shared/functions');
 const Button = require('@ui/components/button');
 const Card = require('@ui/components/payment-card');
 
-const {
-  reduxForm
-} = ReduxForm;
-
 const {
   FormattedMessage
 } = ReactIntl;
@@ -120,8 +115,4 @@ NewProjectBilling.propTypes = {
   onSubmit: React.PropTypes.func.isRequired
 };
 
-module.exports = reduxForm({
+module.exports = NewProjectBilling;
-  form: 'create-project',
-  destroyOnUnmount: false,
-  forceUnregisterOnUnmount: true
-})(NewProjectBilling);

frontend/src/components/new-project/index.js

@@ -10,8 +10,7 @@ const Input = require('@ui/components/input');
 const Button = require('@ui/components/button');
 
 const {
-  Field,
+  Field
-  reduxForm
 } = ReduxForm;
 
 const {
@@ -115,8 +114,4 @@ CreateProject.propTypes = {
   submitting: React.PropTypes.bool.isRequired
 };
 
-module.exports = reduxForm({
+module.exports = CreateProject;
-  form: 'create-project',
-  destroyOnUnmount: false,
-  forceUnregisterOnUnmount: true
-})(CreateProject);

frontend/src/components/new-project/new-billing.js

@@ -10,8 +10,7 @@ const Input = require('@ui/components/input');
 const Button = require('@ui/components/button');
 
 const {
-  Field,
+  Field
-  reduxForm
 } = ReduxForm;
 
 const {
@@ -146,9 +145,4 @@ CreateBilling.propTypes = {
   submitting: React.PropTypes.bool.isRequired
 };
 
-module.exports = reduxForm({
+module.exports = CreateBilling;
-  form: 'create-project',
-  /*destroyOnUnmount: false,
-  forceUnregisterOnUnmount: true/*,
-  validate*/
-})(CreateBilling);

frontend/src/containers/new-project/billing.js

@@ -1,15 +1,20 @@
 const React = require('react');
 const ReactRedux = require('react-redux');
+const ReduxForm = require('redux-form');
 const selectors = require('@state/selectors');
 const actions = require('@state/actions');
 
 const PropTypes = require('@root/prop-types');
-const BillingForm = require('@components/new-project/billing');
+const NewProjectBilling = require('@components/new-project/billing');
 
 const {
   connect
 } = ReactRedux;
 
+const {
+  reduxForm
+} = ReduxForm;
+
 const {
   orgByIdSelector
 } = selectors;
@@ -18,6 +23,12 @@ const {
   handleNewProject
 } = actions;
 
+const NewProjectBillingForm = reduxForm({
+  form: 'create-project',
+  destroyOnUnmount: false,
+  forceUnregisterOnUnmount: true
+})(NewProjectBilling);
+
 const Billing = (props) => {
 
   const {
@@ -41,7 +52,7 @@ const Billing = (props) => {
     router.push(`/${org.id}/new-project/new-billing`);
 
   return (
-    <BillingForm
+    <NewProjectBillingForm
       cards={cards}
       onNewBilling={onNewBilling}
       onSubmit={onSubmit}

frontend/src/containers/new-project/new-billing.js

@@ -1,15 +1,20 @@
 const React = require('react');
 const ReactRedux = require('react-redux');
+const ReduxForm = require('redux-form');
 const selectors = require('@state/selectors');
 const actions = require('@state/actions');
 
 const PropTypes = require('@root/prop-types');
-const NewBillingForm = require('@components/new-project/new-billing');
+const CreateBilling = require('@components/new-project/new-billing');
 
 const {
   connect
 } = ReactRedux;
 
+const {
+  reduxForm
+} = ReduxForm;
+
 const {
   orgByIdSelector
 } = selectors;
@@ -18,6 +23,10 @@ const {
   handleNewProject
 } = actions;
 
+const NewBillingForm = reduxForm({
+  form: 'create-project'
+})(CreateBilling);
+
 const NewBilling = (props) => {
 
   const {

frontend/src/containers/new-project/new-project.js

@@ -1,18 +1,28 @@
 const React = require('react');
 const ReactRedux = require('react-redux');
-
+const ReduxForm = require('redux-form');
 const selectors = require('@state/selectors');
 const PropTypes = require('@root/prop-types');
-const NewProjectForm = require('@components/new-project');
+const CreateProject = require('@components/new-project');
 
 const {
   connect
 } = ReactRedux;
 
+const {
+  reduxForm
+} = ReduxForm;
+
 const {
   orgByIdSelector
 } = selectors;
 
+const NewProjectForm = reduxForm({
+  form: 'create-project',
+  destroyOnUnmount: false,
+  forceUnregisterOnUnmount: true
+})(CreateProject);
+
 const NewProject = (props) => {
 
   const {