old_contents: import classNames from 'classnames';
  import React, { PropTypes } from 'react';
  import Glyphicon from 'react-bootstrap/lib/Glyphicon';
  import Label from 'react-bootstrap/lib/Label';
  import { connect } from 'react-redux';
  import { Link } from 'react-router-dom';
  import { createSelector } from 'reselect';
  
  import { injectT } from 'i18n';
  import { resourcesSelector } from 'state/selectors/dataSelectors';
  
  ResourceInfo.propTypes = {
    date: PropTypes.string.isRequired,
    id: PropTypes.string.isRequired,
    isSelected: PropTypes.bool.isRequired,
    name: PropTypes.string.isRequired,
    peopleCapacity: PropTypes.number.isRequired,
    public: PropTypes.bool.isRequired,
    t: PropTypes.func.isRequired,
  };
  export function ResourceInfo(props) {
    return (
      <div
        className={classNames('resource-info', { 'resource-info-selected': props.isSelected })}
        title={props.name}
      >
        <div className="name">
          <Link to={`/resources/${props.id}?date=${props.date}`}>{props.name}</Link>
        </div>
        <div className="details">
          <Glyphicon glyph="user" /> {props.peopleCapacity}
          {!props.public && (
            <Label bsStyle="default" className="unpublished-label">
              {props.t('ResourceInfoContainer.unpublishedLabel')}
            </Label>
          )}
        </div>
      </div>
    );
  }
  
  export function selector() {
    function idSelector(state, props) {
      return props.id;
    }
    const resourceSelector = createSelector(
      resourcesSelector,
      idSelector,
      (resources, id) => resources[id]
    );
    return createSelector(
      resourceSelector,
      resource => ({
        name: resource.name,
        peopleCapacity: resource.peopleCapacity,
        public: resource.public,
      })
    );
  }
  
  export const UnconnectedResourceInfo = injectT(ResourceInfo);
  
  const ResourceInfoContainer = connect(selector)(UnconnectedResourceInfo);
  ResourceInfoContainer.propTypes = {
    id: PropTypes.string.isRequired,
    isSelected: PropTypes.bool.isRequired,
  };
  export default ResourceInfoContainer;
  
new_contents: import classNames from 'classnames';
  import React, { PropTypes } from 'react';
  import Glyphicon from 'react-bootstrap/lib/Glyphicon';
  import Label from 'react-bootstrap/lib/Label';
  import { connect } from 'react-redux';
  import { Link } from 'react-router-dom';
  import { createSelector } from 'reselect';
  
  import { injectT } from 'i18n';
  import { resourcesSelector } from 'state/selectors/dataSelectors';
  
  ResourceInfo.propTypes = {
    date: PropTypes.string.isRequired,
    id: PropTypes.string.isRequired,
    isSelected: PropTypes.bool.isRequired,
    name: PropTypes.string.isRequired,
    peopleCapacity: PropTypes.number,
    public: PropTypes.bool.isRequired,
    t: PropTypes.func.isRequired,
  };
  export function ResourceInfo(props) {
    return (
      <div
        className={classNames('resource-info', { 'resource-info-selected': props.isSelected })}
        title={props.name}
      >
        <div className="name">
          <Link to={`/resources/${props.id}?date=${props.date}`}>{props.name}</Link>
        </div>
        <div className="details">
          <Glyphicon glyph="user" /> {props.peopleCapacity}
          {!props.public && (
            <Label bsStyle="default" className="unpublished-label">
              {props.t('ResourceInfoContainer.unpublishedLabel')}
            </Label>
          )}
        </div>
      </div>
    );
  }
  
  export function selector() {
    function idSelector(state, props) {
      return props.id;
    }
    const resourceSelector = createSelector(
      resourcesSelector,
      idSelector,
      (resources, id) => resources[id]
    );
    return createSelector(
      resourceSelector,
      resource => ({
        name: resource.name,
        peopleCapacity: resource.peopleCapacity,
        public: resource.public,
      })
    );
  }
  
  export const UnconnectedResourceInfo = injectT(ResourceInfo);
  
  const ResourceInfoContainer = connect(selector)(UnconnectedResourceInfo);
  ResourceInfoContainer.propTypes = {
    id: PropTypes.string.isRequired,
    isSelected: PropTypes.bool.isRequired,
  };
  export default ResourceInfoContainer;
  
subject: Fix required prop warning