Show bank account field if Stripe not connected yet

src/containers/EditListingForm/EditListingForm.example.js

@@ -4,7 +4,7 @@ import EditListingForm from './EditListingForm';
 export const Empty = {
   component: EditListingForm,
   props: {
-    images: [],
+    stripeConnected: false,
     onImageUpload: values => {
       console.log(`onImageUpload with id (${values.id}) and file name (${values.file.name})`);
     },

src/containers/EditListingForm/EditListingForm.js

@@ -160,6 +160,7 @@ export class EditListingFormComponent extends Component {
       saveActionMsg = 'Save listing',
       submitting,
       selectedPlace,
+      stripeConnected,
     } = this.props;
     const titleRequiredMessage = intl.formatMessage({ id: 'EditListingForm.titleRequired' });
     const maxLengthMessage = intl.formatMessage(
@@ -186,6 +187,7 @@ export class EditListingFormComponent extends Component {
     const pricePlaceholderMessage = intl.formatMessage({ id: 'EditListingForm.pricePlaceholder' });
 
     const country = selectedPlace ? selectedPlace.country : null;
+    const showBankAccountField = !stripeConnected && country;
     const currency = config.currencyConfig.currency;
 
     return (
@@ -253,7 +255,7 @@ export class EditListingFormComponent extends Component {
           validate={[required(descriptionRequiredMessage)]}
         />
 
-        {country
+        {showBankAccountField
           ? <Field
               name="bankAccountToken"
               component={StripeBankAccountToken}
@@ -280,6 +282,7 @@ EditListingFormComponent.propTypes = {
   ...formPropTypes,
   initData: shape({ title: string, description: string }),
   selectedPlace: propTypes.place,
+  stripeConnected: bool.isRequired,
   intl: intlShape.isRequired,
   onImageUpload: func.isRequired,
   onUpdateImageOrder: func.isRequired,

src/containers/EditListingForm/EditListingForm.test.js

@@ -19,6 +19,7 @@ describe('EditListingForm', () => {
         onImageUpload={v => v}
         onSubmit={v => v}
         onUpdateImageOrder={v => v}
+        stripeConnected={false}
       />
     );
     expect(tree).toMatchSnapshot();

src/containers/EditListingPage/EditListingPage.js

@@ -87,8 +87,9 @@ export class EditListingPageComponent extends Component {
         ? intl.formatMessage({ id: 'EditListingPage.titleCreateListing' })
         : intl.formatMessage({ id: 'EditListingPage.titleEditListing' });
 
-      // eslint-disable-next-line no-console
-      console.log('current user:', currentUser);
+      const stripeConnected = currentUser && currentUser.attributes
+        ? currentUser.attributes.stripeConnected
+        : false;
 
       return (
         <PageLayout title={title}>
@@ -100,6 +101,7 @@ export class EditListingPageComponent extends Component {
             onSubmit={onSubmit(onCreateListing)}
             onUpdateImageOrder={onUpdateImageOrder}
             saveActionMsg={saveActionMsg}
+            stripeConnected={stripeConnected}
           />
         </PageLayout>
       );

src/containers/EditListingPage/__snapshots__/EditListingPage.test.js.snap

@@ -7,6 +7,7 @@ exports[`EditListingPageComponent matches snapshot 1`] = `
     onImageUpload={[Function]}
     onSubmit={[Function]}
     onUpdateImageOrder={[Function]}
-    saveActionMsg="Create listing" />
+    saveActionMsg="Create listing"
+    stripeConnected={false} />
 </Connect(withRouter(PageLayout))>
 `;