hellowin/kanca

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

Open

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

Identical blocks of code found in 4 locations. Consider refactoring.

Open

    const forms: FormObject[] = [
      { type: FormTypes.DATE, label: 'Date start', value: data.dateStart, model: 'dateStart', col: 4 },
      { type: FormTypes.DATE, label: 'Date end', value: data.dateEnd, model: 'dateEnd', col: 4 },
      { type: FormTypes.SELECT, label: 'Granularity', value: data.granularity, model: 'granularity', col: 4, selectOptions: [
        { text: 'Daily', value: 'd' },

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        <div className="col-md-6">
          <Pie metric={metric} type={PieTypes.ACTIVITIES_PERTRIHOUR} />
          <WordCloud metric={metric} type={WordCloudTypes.ALL} />
          <TopPostActivity metric={metric} type={TopPostActivityTypes.SCORE} />
        </div>

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        <div className="col-md-12">
          <Card title="Options">
            <div className="row">
              <div className="col-md-12">
                <Form forms={forms} onChange={onFormChange} />

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

const setDefaultData = props => {
  const { feeds } = props;
    const { dateEnd } = extractDateRangeFromPosts(feeds, 'd');
    const dateStart = moment(dateEnd).startOf('M').toDate();

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        <div className="col-md-6">
          <Pie metric={metric} type={PieTypes.ACTIVITIES_PERDAY} />
          <TopUserActivity metric={metric} type={TopUserActivityTypes.SCORE} />
        </div>

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

const mapStateToProps = state => ({
  feeds: state.group.feeds,
  members: state.group.members,
  comments: state.group.comments,
});

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

            <div className="col-md-3">
              <FancyButton title="Members" subTitle="Members metric details" icon="fa fa-users" target="/metric/members" />
            </div>

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

            <div className="col-md-3">
              <FancyButton title="Posts" subTitle="Posts metric details" icon="fa fa-edit" target="/metric/posts" />
            </div>

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

            <div className="col-md-3">
              <FancyButton title="Comments" subTitle="Comments metric details" icon="fa fa-comments" target="/metric/comments" />
            </div>

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

            <div className="col-md-3">
              <FancyButton title="My Profile" subTitle="User metric details" icon="fa fa-user" target="/metric/user-profile" />
            </div>

• Read up
  Read up