<commit_before>import React, {PropTypes} from 'react';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
import * as actions from './serverActions';
import '../../styles/server-overview.css';

export class ServerOverview extends React.Component {
  static propTypes = {
    actions: PropTypes.object.isRequired,
    serverOverview: PropTypes.object.isRequired
  };

  componentDidMount() {
    this.props.actions.onSetCurrentTime();

    this.props.serverOverview.servers.forEach(server => this.props.actions.onSetState(server));
  }

  render() {
    return (
      <div className="container">
        <div className="container-center">
          {this.props.serverOverview.servers.map((server, i) => {
            return (
              <div key={i} className="server-item">
                {this.getIcon(server.state)}
                <a href={`http://${server.name}.herokuapp.com`}>
                  {server.name}
                </a>
                &mdash;
                {server.heroku}
                {this.getDelay(server.delay)}
              </div>
            );
          })}
        </div>
      </div>
    );
  }

  getIcon(state) {
    if (state === "loading") {
      return <img src={require("./loading.png")} className="loading-icon" />;
    }
    if (state === "online") {<commit_msg>Fix heroku URL<commit_after>import React, {PropTypes} from 'react';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
import * as actions from './serverActions';
import '../../styles/server-overview.css';

export class ServerOverview extends React.Component {
  static propTypes = {
    actions: PropTypes.object.isRequired,
    serverOverview: PropTypes.object.isRequired
  };

  componentDidMount() {
    this.props.actions.onSetCurrentTime();

    this.props.serverOverview.servers.forEach(server => this.props.actions.onSetState(server));
  }

  render() {
    return (
      <div className="container">
        <div className="container-center">
          {this.props.serverOverview.servers.map((server, i) => {
            return (
              <div key={i} className="server-item">
                {this.getIcon(server.state)}
                <a href={`http://${server.heroku}.herokuapp.com`}>
                  {server.name}
                </a>
                &mdash;
                {server.heroku}
                {this.getDelay(server.delay)}
              </div>
            );
          })}
        </div>
      </div>
    );
  }

  getIcon(state) {
    if (state === "loading") {
      return <img src={require("./loading.png")} className="loading-icon" />;
    }
    if (state === "online") {
{'fraction_non_alphanumeric': 0.15401869158878503, 'fraction_numerical': 0.0, 'mean_word_length': 2.1743772241992882, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 25, 'https://': 0, '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': '2636917', 'n_tokens_mistral': 789, 'n_tokens_neox': 764, 'n_words': 140}