<commit_before>import React, { Component } from 'react'

export class Dashboard extends Component {
  constructor(props) {
    super(props)
  }
  render() {
    return (
      <div>
        <div>
          Dashboard
        </div>
      </div>
    )
  }
}<commit_msg>Update for new analytics dashboard<commit_after>import React, { Component } from 'react'
import Affirmations from './analytics/Affirmations'

export default class Dashboard extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: {
        url: 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/98887/d3pack-flare-short.json',
        elementDelay: 100
      },
      startDelay: 2000
    };
  }
  componentDidMount() {
    console.log('rendering');
  }
  render() {
    var style = {
      width: '100%',
      height: '100%'
    };
    return (
      <div style={style}>
        <Affirmations
          startDelay={this.state.startDelay}
          elementDelay={this.state.data.elementDelay}
          json={this.state.data.url}
        />
      </div>
    )
  }
}
{'fraction_non_alphanumeric': 0.13345864661654136, 'fraction_numerical': 0.019736842105263157, 'mean_word_length': 2.1791044776119404, 'pattern_counts': {'":': 0, '<': 10, '<?xml version=': 0, '>': 10, 'https://': 1, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1659895', 'n_tokens_mistral': 354, 'n_tokens_neox': 338, 'n_words': 65}