import React from 'react';

import { preventDefault } from '../../utils';
import throbber16 from 'assets/images/throbber-16.gif';

export default (props) => (
  <div className="comment">
    <span className="more-comments-throbber">
      {props.isLoading ? (
        <img width="16" height="16" src={throbber16}/>
      ) : false}
    </span>
    <a className="more-comments-link"
       href={props.postUrl}
       onClick={preventDefault(()=>props.showMoreComments())}>
      {`${props.omittedComments}`} more comments
    </a>
  </div>
);

import React from 'react';

import { preventDefault } from '../../utils';
import throbber16 from 'assets/images/throbber-16.gif';

export default (props) => (
  <div className="comment">
    <span className="more-comments-throbber">
      {props.isLoading ? (
        <img width="16" height="16" src={throbber16}/>
      ) : false}
    </span>
    <a className="more-comments-link"
       href={props.postUrl}
       onClick={preventDefault(props.showMoreComments)}>
      {`${props.omittedComments}`} more comments
    </a>
  </div>
);

Remove unnecessary arrow function in PostCommentsMore
[jsx-no-bind] Remove unnecessary arrow function in PostCommentsMore
