import * as React from 'react';
import { connect } from 'react-redux';

import Crop from 'model/genesys/Crop';

import StringArrFilter from 'ui/common/filter/StringArrFilter';

interface IProps extends React.ClassAttributes<any> {
  crops: Crop[];
}

class CropFilter extends React.Component<IProps, any> {

  public render() {
    const {crops} = this.props;
    return (
      <StringArrFilter name="crop" options={ crops && crops.sort((a, b) => a.name.localeCompare(b.name)) } valueField="shortName" labelField="name" { ...this.props }/>
    );
  }
}

export default connect((state) => ({
  crops: state.crop.public.list ? state.crop.public.list.data : undefined,
}), null)(CropFilter);