@teikei/map/src/containers/Details/tabs/ContactTabContainer.js

Teikei map SPA component. Teikei is the software that powers ernte-teilen.org, a website that maps out Community-supported Agriculture in Germany.

import React from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux'

import { sendPlaceMessage } from '../duck'
import ContactForm from './ContactForm'

const ContactTab = ({ onContactSubmit, initialValues }) => (
  <div id="contact">
    <div id="place-message-form-container">
      <ContactForm onSubmit={onContactSubmit} initialValues={initialValues} />
    </div>
  </div>
)

ContactTab.propTypes = {
  onContactSubmit: PropTypes.func.isRequired,
  initialValues: PropTypes.shape().isRequired
}

const mapStateToProps = ({ details }) => ({
  initialValues: { id: details.feature.id, type: details.feature.type }
})

const mapDispatchToProps = dispatch => ({
  onContactSubmit: payload => dispatch(sendPlaceMessage(payload))
})

const ContactTabContainer = connect(
  mapStateToProps,
  mapDispatchToProps
)(ContactTab)

export default ContactTabContainer