Function render has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { members, posts, comments, data, onFormChange } = this.props;

    const metric = usersMetricer(members, posts, comments);

Function postsMetric has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const postsMetric = (posts: Post[]): PostsMetric => {
  const postMetrics = postMetric(posts);
  const postsByDays = () => {
    const days = {};
    postMetrics.forEach(met => {

Function Post has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Post = (props: UserMetric) => {
  const {
    picture,
    name,
    url,

Function render has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { metric } = this.props;

    return (
      <Card title={`Time Range Summary, ${timeRangeToString(metric.dateStart, metric.dateEnd)}`}>

Function commentsMetric has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const commentsMetric = (comments: Comment[]): CommentsMetric => {
  const commentMetrics: CommentMetric[] = commentMetric(comments);
  const commentsByDays = () => {
    const days = {};
    commentMetrics.forEach(met => {

Function render has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { feeds } = this.props;

    return (

Function render has a Cognitive Complexity of 13 (exceeds 5 allowed). Consider refactoring.

Open

  render() {
    const { list, ChildNode, hideNavigationOnSinglePage, perPage, Wrapper } = this.props;
    const { page } = this.state;

    // handle default props

• Read up
  Read up

Function render has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { members, posts, comments, data, onFormChange } = this.props;
    const metric: TimeRangeMetric = timeRangeMetricer(data.dateStart, data.dateEnd, posts, members, comments);
    const metrics: TimeRangeMetric[] = metric.getTimeSeries(data.granularity);

Function render has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { members, posts, comments, data, onFormChange } = this.props;
    const metric: TimeRangeMetric = timeRangeMetricer(data.dateStart, data.dateEnd, posts, members, comments);
    const metrics: TimeRangeMetric[] = metric.getTimeSeries(data.granularity)

Function render has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { data, error } = this.state;
    const onFormChange = this.onFormChange;
    const lookUpGroup = this.lookUpGroup;

Function render has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { loading, inputs, manages, features } = this.props;

    return !loading? (
      <div className="row">

Function render has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { metrics, show, title } = this.props;

    const fixShow = show || defaultShow;

Function render has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { profile, loading } = this.props;

    return (
      <header className="app-header navbar" style={{ paddingRight: '15px' }}>

Function userMetric has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const userMetric = (members: Member[], posts: Post[], comments: Comment[]): UserMetric[] => {
  // create user mapping
  const users = {};
  _.each(members, member => {
    const id = member.id;

Function Card has 31 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Card = props => {
  const { id, name, cover, owner, privacy } = props;
  return (
    <div>
      <MediaQuery minDeviceWidth={320} maxWidthDevice={736} minWidth={320} maxWidth={736}>

Function render has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { list } = this.props;

    const parsedList = list.map((li: UserMetric) => ({
      profile: (<div>

Function render has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { metric, type } = this.props;

    const date = timeRangeToString(metric.dateStart, metric.dateEnd);

Function timeRangeMetric has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const timeRangeMetric = (dateStart: Date, dateEnd: Date, posts: Post[], members: Member[], comments: Comment[]): TimeRangeMetric => {
  // pick date
  const filteredPosts = posts.filter(post => moment(post.created_time) >= dateStart && moment(post.created_time) < dateEnd);
  const filteredComments = comments.filter(comm => moment(comm.created_time) >= dateStart && moment(comm.created_time) < dateEnd);
  

Function getGroupComments has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const getGroupComments = (posts: Object[]): Promise<any> => {
  // currently just put existing comments without fetching next page
  const firstComments = [];
  const secondComments = [];
  // get post with comments

Function Login has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Login = () => {
  return (
    <div style={styles.container}>
        <MediaQuery minDeviceWidth={320} maxWidthDevice={736} minWidth={320} maxWidth={736}>
          {(matches) => {