fix listing creation

Author: alexjs-dev

components/Forms/parts/AdvVehicleFields.tsx

@@ -226,7 +226,7 @@ const AdvVehicleFields: React.FunctionComponent<FormProps> = ({
       </div>
       {config?.data &&
         config.data.map(({ key, list }) => (
-          <ItemDropDown title={t(`label.${key}`)}>
+          <ItemDropDown title={t(`label.${key}`)} key={key}>
             {map(list, (item) => (
               /* @ts-ignore */
               <Detail key={item.key} item={item} />

components/Input/BaseInput.js

@@ -1,6 +1,7 @@
 /* eslint-disable no-param-reassign */
 import React, { memo, forwardRef } from 'react'
 import PropTypes from 'prop-types'
+import omit from 'lodash/omit'
 import toNumber from 'lodash/toNumber'
 import classNames from 'classnames'
 import styles from './Input.module.scss'
@@ -45,7 +46,7 @@ const BaseInput = forwardRef(
     const isTextAreaInput = type === 'textarea'
 
     const inputProps = {
-      ...rest,
+      ...omit(rest, ['loading']),
       id: hasLabel ? name : null,
       disabled,
       type,

components/Input/Select.js

@@ -49,7 +49,6 @@ const SelectComponent = ({
     if (input.onChange) input.onChange(val)
     if (onChange) onChange(val)
   }
-
   const Title = () => {
     const title =
       get(
@@ -188,7 +187,7 @@ const SelectComponent = ({
 
 SelectComponent.propTypes = {
   disabled: PropTypes.bool,
-  options: PropTypes.objectOf(PropTypes.any),
+  options: PropTypes.any,
   className: PropTypes.string,
   name: PropTypes.string,
   onChange: PropTypes.func,
@@ -283,7 +282,7 @@ export default Select
 
 Select.propTypes = {
   visible: PropTypes.bool,
-  options: PropTypes.objectOf(PropTypes.any), // { key: { label: string, value: 1 }}
+  options: PropTypes.any, // { key: { label: string, value: 1 }}
   className: PropTypes.string,
   disabled: PropTypes.bool,
   name: PropTypes.string,

store/listing/sagas.js

@@ -31,6 +31,7 @@ function* handleCreateListing(action) {
   try {
     const { data } = action
     const { month, year } = data
+    const images = get(data, 'images', [])
     const vehicle = yield call(vehiclesService.create, {
       ...data,
       regDate: new Date(toNumber(year), toNumber(month)),
@@ -39,6 +40,11 @@ function* handleCreateListing(action) {
       },
       modelId: get(data, 'model'),
       makeId: get(data, 'make'),
+      images: images.map((image, index) => ({
+        imageId: image._id,
+        order: index,
+        ...image,
+      })),
     })
     const result = yield call(listingsService.create, {
       ...data,
@@ -54,7 +60,7 @@ function* handleCreateListing(action) {
     })
     setTimeout(() => {
       Router.push('/')
-    }, 300)
+    }, 900)
   } catch (error) {
     console.error(error)
     yield put({ type: Types.CREATE_LISTING_FAILURE })