<commit_before>import React, {Component} from 'react';
import {connect} from 'react-redux';
import styled from 'styled-components';

import {colors} from '../constants';

const Table = styled.table`
  width: 100%;
`;

const Heading = styled.th`
  text-transform: uppercase;
  text-align: left;
  font-size: .6em;
`;

const Item = styled.td`
  border-top: none;
  border-bottom: none;
  border-left: .1em transparent solid;
  border-right: .1em transparent solid;
  padding: .2em;
`;

const Row = styled.tr`
  &:nth-of-type(even) {
    background-color: ${colors.lightGrey};
  }
  &:nth-of-type(odd) {
    background-color: ${colors.darkGrey};
  }
`;


class List extends Component {

  renderQueries() {
    const {queries} = this.props;

    return queries.map((query,index) => {
      const date = new Date(query.querytime);
      const time = {
        hours: date.getHours() < 10 ? '0' + date.getHours() : date.getHours(),
        minutes: date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes(),
        seconds: date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
      };
      return (
        <Row key={index}>
          <Item>{time.hours}:{time.minutes}:{time.seconds}</Item>
          <Item>{query.origin.name}</Item>
          <Item>{query.destination.name}</Item>
        </Row>
      );
    });
  }

  render() {
    return (
      <Table>
        <thead>
          <tr>
            <Heading>time</Heading>
            <Heading>departure</Heading>
            <Heading>destination</Heading>
          </tr>
        </thead>
        <tbody>
          {this.renderQueries()}
        </tbody>
      </Table>
    );
  }
}

function mapStateToProps(state) {
  return {queries: state.queries};
}

export default connect(mapStateToProps)(List);
<commit_msg>border fixed<commit_after>import React, {Component} from 'react';
import {connect} from 'react-redux';
import styled from 'styled-components';

import {colors} from '../constants';

const Table = styled.table`
  width: 100%;
  border-collapse: collapse;
`;

const Heading = styled.th`
  text-transform: uppercase;
  text-align: left;
  font-size: .6em;
`;

const Item = styled.td`
  border-top: none;
  border-bottom: none;
  border-right: .2em ${colors.black} solid;
  padding: .4em;
`;

const Row = styled.tr`
  &:nth-of-type(even) {
    background-color: ${colors.lightGrey};
  }
  &:nth-of-type(odd) {
    background-color: ${colors.darkGrey};
  }
`;


class List extends Component {

  renderQueries() {
    const {queries} = this.props;

    return queries.map((query,index) => {
      const date = new Date(query.querytime);
      const time = {
        hours: date.getHours() < 10 ? '0' + date.getHours() : date.getHours(),
        minutes: date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes(),
        seconds: date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
      };
      return (
        <Row key={index}>
          <Item>{time.hours}:{time.minutes}:{time.seconds}</Item>
          <Item>{query.origin.name}</Item>
          <Item>{query.destination.name}</Item>
        </Row>
      );
    });
  }

  render() {
    return (
      <Table>
        <thead>
          <tr>
            <Heading>time</Heading>
            <Heading>departure</Heading>
            <Heading>destination</Heading>
          </tr>
        </thead>
        <tbody>
          {this.renderQueries()}
        </tbody>
      </Table>
    );
  }
}

function mapStateToProps(state) {
  return {queries: state.queries};
}

export default connect(mapStateToProps)(List);

{'fraction_non_alphanumeric': 0.16503769896676906, 'fraction_numerical': 0.008656799776598716, 'mean_word_length': 2.511764705882353, 'pattern_counts': {'":': 0, '<': 53, '<?xml version=': 0, '>': 49, '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': '2449666', 'n_tokens_mistral': 1238, 'n_tokens_neox': 1209, 'n_words': 239}