<commit_before>'use strict'

import React from 'react';
import { connect } from 'react-redux';
import { Button, Grid, Row, Col, Label } from 'react-bootstrap';

import GitHubRepository from './GitHubRepository.js'
import SearchFilter from './SearchFilter.js'
import Help from './Help.js'

import { inputOwner,
         inputRepo,
         inputSinceDate,
         inputUntilDate,
         inputCommiter,
         sendButtonClicked } from '../actions.js'

class Screen extends React.Component {
  render() {
    const { dispatch, owner, repo, sinceDate, untilDate, commiter } = this.props;
    return (
      <Grid className="screen">
        <Row>
          <Col xs={12}>
            <h1 className="title">GitRec</h1>
          </Col>
        </Row>
        <Row>
          <Col xs={12}>
            <GitHubRepository
              owner={owner} repo={repo}
              ownerChangeHandler={(e) => dispatch(inputOwner(e.target.value)) }
              repoChangeHandler={(e) => dispatch(inputRepo(e.target.value))}
              />
          </Col>
        </Row>
        <Row>
          <Col xs={12}>
            <SearchFilter
              sinceDate={sinceDate} untilDate={untilDate} commiter={commiter}
              sinceDateChangeHandler={(e) =>
                dispatch(inputSinceDate(e.target.value))
              }
              untilDateChangeHandler={(e) =>
                dispatch(inputUntilDate(e.target.value))
              }
              commiterChangeHandler={(e) =>
                dispatch(inputCommiter(e.target.value))
              }
              />
          </Col>
        </Row>
        <Row>
          <Col xs={12}>
            <Button id="send-mail" onClick={(e)=>dispatch(sendButtonClicked())}>
              send GitRec report
            </Button>
          </Col>
        </Row>
        <Row>
          <Col xs={12}>
            <Help />
          </Col>
        </Row><commit_msg>削除しわすれた不要コードを削除<commit_after>'use strict'

// library
import React from 'react';
import { connect } from 'react-redux';
import { Button, Grid, Row, Col, Label } from 'react-bootstrap';

// components
import GitHubRepository from './GitHubRepository.js'
import SearchFilter from './SearchFilter.js'
import Help from './Help.js'

import { sendButtonClicked } from '../actions.js'

class Screen extends React.Component {
  render() {
    const { dispatch, owner, repo, sinceDate, untilDate, commiter } = this.props;
    return (
      <Grid className="screen">
        <Row>
          <Col xs={12}>
            <h1 className="title">GitRec</h1>
          </Col>
        </Row>
        <Row>
          <Col xs={12}>
            <GitHubRepository owner={owner} repo={repo} />
          </Col>
        </Row>
        <Row>
          <Col xs={12}>
            <SearchFilter sinceDate={sinceDate} untilDate={untilDate}
              commiter={commiter} />
          </Col>
        </Row>
        <Row>
          <Col xs={12}>
            <Button id="send-mail" onClick={(e)=>dispatch(sendButtonClicked())}>
              send GitRec report
            </Button>
          </Col>
        </Row>
        <Row>
          <Col xs={12}>
            <Help />
          </Col>
        </Row>
{'fraction_non_alphanumeric': 0.13914133500470072, 'fraction_numerical': 0.007521153243497336, 'mean_word_length': 1.7328767123287672, 'pattern_counts': {'":': 0, '<': 59, '<?xml version=': 0, '>': 66, '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': '2861554', 'n_tokens_mistral': 931, 'n_tokens_neox': 906, 'n_words': 200}