<commit_before>import React = require('react');
import moment = require('moment');
import { connect } from 'react-redux';
import { NightInfo } from '../calcs/types';
import Moon from './Moon';
import NightChart from './NightChart';

class Summary extends React.PureComponent<{ nightInfo: NightInfo; count: number; isFiltering: boolean }> {
  render() {
    if (!this.props.nightInfo || this.props.isFiltering) return null;
    const { night, astroNight, moonNight, moonlessNight, moonPhase } = this.props.nightInfo;
    return (
      <div className="dynamic row layout summary card">
        <div className="dynamic column layout center count">
          <div>{this.props.count}</div>
          <div>total results</div>
        </div>
        <div className="dynamic layout center">
          <Moon phase={moonPhase} />
        </div>
        <div className="fitted layout center">
          <table>
            <tbody>
              <tr>
                <td>
                  <i className="mdi mdi-brightness-1" style={{ color: '#5c6bc0' }} /> Night
                </td>
                <td>Sunset</td>
                <td>{moment(night.start).format('HH:mm')}</td>
                <td>Sunrise</td>
                <td>{moment(night.end).format('HH:mm')}</td>
              </tr>
              <tr>
                <td>
                  <i className="mdi mdi-brightness-1" style={{ color: 'grey' }} /> Astro night
                </td>
                <td>From</td>
                <td>{moment(astroNight.start).format('HH:mm')}</td>
                <td>To</td>
                <td>{moment(astroNight.end).format('HH:mm')}</td>
              </tr>
              <tr>
                <td>
                  <i className="mdi mdi-brightness-1" style={{ color: 'transparent' }} /> Moon
                </td>
                <td>Moonset</td>
                <td>{moonNight ? moment(moonNight.start).format('HH:mm') : '-'}</td>
                <td>Moonrise</td><commit_msg>change color markers in night card<commit_after>import React = require('react');
import moment = require('moment');
import { connect } from 'react-redux';
import { NightInfo } from '../calcs/types';
import Moon from './Moon';
import NightChart from './NightChart';

class Summary extends React.PureComponent<{ nightInfo: NightInfo; count: number; isFiltering: boolean }> {
  render() {
    if (!this.props.nightInfo || this.props.isFiltering) return null;
    const { night, astroNight, moonNight, moonlessNight, moonPhase } = this.props.nightInfo;
    return (
      <div className="dynamic row layout summary card">
        <div className="dynamic column layout center count">
          <div>{this.props.count}</div>
          <div>total results</div>
        </div>
        <div className="dynamic layout center">
          <Moon phase={moonPhase} />
        </div>
        <div className="fitted layout center">
          <table>
            <tbody>
              <tr>
                <td>
                  <i className="mdi mdi-brightness-1" style={{ color: '#5c6bc0' }} /> Night
                </td>
                <td>Sunset</td>
                <td>{moment(night.start).format('HH:mm')}</td>
                <td>Sunrise</td>
                <td>{moment(night.end).format('HH:mm')}</td>
              </tr>
              <tr>
                <td>
                  <i className="mdi mdi-brightness-1" style={{ color: 'transparent' }} /> Astro night
                </td>
                <td>From</td>
                <td>{moment(astroNight.start).format('HH:mm')}</td>
                <td>To</td>
                <td>{moment(astroNight.end).format('HH:mm')}</td>
              </tr>
              <tr>
                <td>
                  <i className="mdi mdi-brightness-1" style={{ color: 'grey' }} /> Moon
                </td>
                <td>Moonset</td>
                <td>{moonNight ? moment(moonNight.start).format('HH:mm') : '-'}</td>
                <td>Moonrise</td>
{'fraction_non_alphanumeric': 0.15931434333249306, 'fraction_numerical': 0.003024955886059995, 'mean_word_length': 1.7787114845938374, 'pattern_counts': {'":': 0, '<': 103, '<?xml version=': 0, '>': 103, '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': '4121008', 'n_tokens_mistral': 1200, 'n_tokens_neox': 1146, 'n_words': 246}