old_contents: /**
   *
   * PageFooter
   *
   */
  
  import React from 'react';
  import PropTypes from 'prop-types';
  import cn from 'classnames';
  import { get } from 'lodash';
  import { FormattedMessage } from 'react-intl';
  
  import GlobalPagination from 'components/GlobalPagination';
  import InputSelect from 'components/InputSelect';
  
  import styles from './styles.scss';
  
  function PageFooter(props) {
    return (
      <div className={cn('row', styles.pageFooter)}>
        <div className="col-md-6 col-lg-6">
          <form className="form-inline">
            <div className={styles.pageFooterSelectWrapper}>
              <select
                className={`form-control ${styles.select}`}
                id="params.limit"
                name="params.limit"
                onChange={(e) => {
                  const target = {
                    name: 'params.limit',
                    value: parseInt(e.target.value, 10),
                  };
                  props.onChangeParams({ target });
                }}
                value={get(props, ['params', 'limit'], 10)}
              >
                {[10, 20, 50, 100].map((value, key) => <option value={value} key={value}>{value}</option>)}
              </select>
            </div>
            <label className={styles.pageFooterLabel} htmlFor="params.limit">
              <FormattedMessage id="components.PageFooter.select" />
            </label>
          </form>
        </div>
        <div className="col-md-6 col-lg-6">
          <GlobalPagination
            count={props.count}
            onChangeParams={props.onChangeParams}
            params={props.params}
          />
        </div>
      </div>
    );
  }
  
  PageFooter.defaultProps = {};
  
  PageFooter.propTypes = {};
  
  export default PageFooter;
  
new_contents: /**
   *
   * PageFooter
   *
   */
  
  import React from 'react';
  import PropTypes from 'prop-types';
  import cn from 'classnames';
  import { get } from 'lodash';
  import { FormattedMessage } from 'react-intl';
  
  import GlobalPagination from 'components/GlobalPagination';
  import InputSelect from 'components/InputSelect';
  
  import styles from './styles.scss';
  
  function PageFooter(props) {
    return (
      <div className={cn('row', styles.pageFooter)}>
        <div className="col-md-6 col-lg-6">
          <form className="form-inline">
            <div className={styles.pageFooterSelectWrapper}>
              <select
                className={`form-control ${styles.select}`}
                id="params.limit"
                name="params.limit"
                onChange={(e) => {
                  const target = {
                    name: 'params.limit',
                    value: parseInt(e.target.value, 10),
                  };
                  props.onChangeParams({ target });
                }}
                value={get(props, ['params', 'limit'], 10)}
              >
                {[10, 20, 50, 100].map((value, key) => <option value={value} key={value}>{value}</option>)}
              </select>
            </div>
            <label className={styles.pageFooterLabel} htmlFor="params.limit">
              <FormattedMessage id="components.PageFooter.select" />
            </label>
          </form>
        </div>
        <div className="col-md-6 col-lg-6">
          <GlobalPagination
            count={props.count}
            onChangeParams={props.onChangeParams}
            params={props.params}
          />
        </div>
      </div>
    );
  }
  
  PageFooter.defaultProps = {
    count: 1,
    onChangeParams: () => {},
    params: {
      currentPage: 1,
      limit: 10,
    },
  };
  
  PageFooter.propTypes = {
    count: PropTypes.number,
    onChangeParams: PropTypes.func,
    params: PropTypes.object,
  };
  
  export default PageFooter;
  
subject: Add default Props to Pagefooter