@teikei/map/src/containers/Details/components/DepotDescription.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 { Link } from 'react-router'
import _ from 'lodash'
import i18n from '../../../i18n'
import { getDetailsPath } from '../../../AppRouter'
import { featurePropType } from '../../../common/geoJsonUtils'

const farmProducts = ({ properties: { products } }) =>
  _.union(products)
    .map(({ name }) => i18n.t(`products.${name}`))
    .join(', ')

const FarmProductListEntry = farm => {
  const {
    properties: { id, name }
  } = farm
  return (
    <p key={id}>
      {farmProducts(farm)} – &nbsp;
      <Link to={getDetailsPath(farm)}>{name}</Link>
    </p>
  )
}

const DepotDescription = ({ feature }) => {
  const {
    properties: { farms, deliveryDays }
  } = feature
  return (
    <div>
      {farms.length > 0 && (
        <div>
          <h4>Produkte</h4>
          {farms.map(farm => FarmProductListEntry(farm))}
        </div>
      )}
      {deliveryDays && (
        <div>
          <h4>Abholtage</h4>
          <p>{deliveryDays}</p>
        </div>
      )}
    </div>
  )
}

DepotDescription.propTypes = {
  feature: featurePropType.isRequired
}

export default DepotDescription