import 'react-widgets/dist/css/react-widgets.css'; import { Field, FieldArray, formValueSelector, reduxForm } from 'redux-form'; import React, { Component } from 'react'; import { connect } from 'react-redux'; import DateTimePicker from 'react-widgets/lib/DateTimePicker'; import DropdownList from 'react-widgets/lib/DropdownList'; import localizer from 'react-widgets-simple-number'; import moment from 'moment'; import momentLocalizer from 'react-widgets-moment'; import Multiselect from 'react-widgets/lib/Multiselect'; import NumberPicker from 'react-widgets/lib/NumberPicker' import PlacesAutocomplete from 'react-places-autocomplete' import PropTypes from 'prop-types'; localizer() momentLocalizer(moment) const selector = formValueSelector('gigsAdminEditForm'); const renderDropdownList = ({ data, input, itemComponent, textField, valueComponent, valueField }) => const renderDateTimePicker = ({ input: { onChange, value }, showTime }) => const renderNumberPicker = ({ defaultValue, input: { onChange, value }, max, min }) => const renderMultiselect = ({ data, input, textField, valueField }) => input.onBlur() } textField={ textField } value={ input.value || [] } // requires value to be an array valueField={ valueField } /> const renderCityAutocomplete = ({ input, ...rest }) => { return } // const renderCurrency = (props) => { const renderCurrency = ({ item }) => { //console.log(props); // const currencyInfo = props.item; const currencyInfo = item; return ( { currencyInfo.code } - { currencyInfo.currency } ) } class GigsAdminEditForm extends Component { // constructor(props) { // super(props); // } render() { const { gigsformfields, handleSubmit, myValues: { description, other_equipment} } = this.props; return( { gigsformfields && Email Event Type City Date Duration Unit Duration Value Genres Number of acts Budget item.code +" - "+ item.currency } valueField="code" /> Can Hat the crowd Audience size Is outdoor Equipment PA ({ 60 - (other_equipment ? other_equipment.length : 0)} chars left) Description ({ 600 - (description ? description.length : 0)} chars left) Phone Save } ) } } GigsAdminEditForm = reduxForm({ form: 'gigsAdminEditForm', initialValues: { status: 1 } })(GigsAdminEditForm); const mapStateToProps = state => ({ myValues: selector(state, "description", "other_equipment") }) export default connect(mapStateToProps)(GigsAdminEditForm)