<commit_before>import React, { Component } from "react"
import { prettyHours, dayNames } from "./utils/Strings"

const columnStyle = {
  width: "14%",
  height: "100%",
  textAlign: "center"
}

const hourColStyle = {
  display: "flex",
  flexDirection: "column",
  width: "5%"
}

const hourCol = () => {
  let column = [<div style={{ height: "1.8%" }} />]
  for (let i = 0, size = prettyHours.length; i < size; i++) {
    column.push(
      <div
        style={{ textAlign: "center", height: "5.72%" }}
        key={prettyHours[i]}
      >
        {prettyHours[i]}
      </div>
    )
  }
  return column
}

const weekCol = () => {
  let column = []
  for (let i = 0; i < 34; i++) {
    column.push(
      <div style={{ border: "1px solid lightgrey", height: "2.65%" }} />
    )
  }
  return column
}

class Weekview extends Component {
  render() {
    return (
      <div style={{ border: "1px solid black", height: 950, display: "flex", fontFamily: "Arimo" }}>
        <div style={hourColStyle}>
          {hourCol()}
        </div>
        <div style={columnStyle}>
          <div style={{ height: "2.7%" }}>
            {dayNames[0]}
          </div>
          {weekCol()}
        </div>
        <div style={columnStyle}>
          <div style={{ height: "2.7%" }}>
            {dayNames[1]}
          </div>
          {weekCol()}
        </div>
        <div style={columnStyle}>
          <div style={{ height: "2.7%" }}>
            {dayNames[2]}
          </div>
          {weekCol()}
        </div>
        <div style={columnStyle}>
          <div style={{ height: "2.7%" }}>
            {dayNames[3]}
          </div>
          {weekCol()}
        </div>
        <div style={columnStyle}>
          <div style={{ height: "2.7%" }}>
            {dayNames[4]}
          </div>
          {weekCol()}
        </div>
        <div style={columnStyle}>
          <div style={{ height: "2.7%" }}>
            {dayNames[5]}
          </div>
          {weekCol()}
        </div>
        <div style={columnStyle}>
          <div style={{ height: "2.7%" }}>
            {dayNames[6]}
          </div>
          {weekCol()}
        </div>
      </div>
    )
  }
}

export default Weekview
<commit_msg>Added keys to weekview elements<commit_after>import React, { Component } from "react"
import { prettyHours, dayNames } from "./utils/Strings"

const columnStyle = {
  width: "14%",
  height: "100%",
  textAlign: "center"
}

const hourColStyle = {
  display: "flex",
  flexDirection: "column",
  width: "5%"
}

const hourCol = () => {
  let column = [<div key="TopLeftCorner" style={{ height: "1.8%" }} />]
  for (let i = 0, size = prettyHours.length; i < size; i++) {
    column.push(
      <div
        style={{ textAlign: "center", height: "5.72%" }}
        key={prettyHours[i]}
      >
        {prettyHours[i]}
      </div>
    )
  }
  return column
}

const weekCol = () => {
  let column = []
  for (let i = 0; i < 34; i++) {
    column.push(
      <div key={"weekCol" + i} style={{ border: "1px solid lightgrey", height: "2.65%" }}>
        {this.props.meetings[
      </div>
    )
  }
  return column
}

class Weekview extends Component {
  render() {
    console.log(this.props.meetings)
    return (
      <div style={{ border: "1px solid black", height: 950, display: "flex", fontFamily: "Arimo" }}>
        <div style={hourColStyle}>
          {hourCol()}
        </div>
        <div style={columnStyle}>
          <div style={{ height: "2.7%" }}>
            {dayNames[0]}
          </div>
          {weekCol()}
        </div>
        <div style={columnStyle}>
          <div style={{ height: "2.7%" }}>
            {dayNames[1]}
          </div>
          {weekCol()}
        </div>
        <div style={columnStyle}>
          <div style={{ height: "2.7%" }}>
            {dayNames[2]}
          </div>
          {weekCol()}
        </div>
        <div style={columnStyle}>
          <div style={{ height: "2.7%" }}>
            {dayNames[3]}
          </div>
          {weekCol()}
        </div>
        <div style={columnStyle}>
          <div style={{ height: "2.7%" }}>
            {dayNames[4]}
          </div>
          {weekCol()}
        </div>
        <div style={columnStyle}>
          <div style={{ height: "2.7%" }}>
            {dayNames[5]}
          </div>
          {weekCol()}
        </div>
        <div style={columnStyle}>
          <div style={{ height: "2.7%" }}>
            {dayNames[6]}
          </div>
          {weekCol()}
        </div>
      </div>
    )
  }
}

export default Weekview

{'fraction_non_alphanumeric': 0.1872791519434629, 'fraction_numerical': 0.019434628975265017, 'mean_word_length': 1.718487394957983, 'pattern_counts': {'":': 0, '<': 80, '<?xml version=': 0, '>': 80, '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': '7342527', 'n_tokens_mistral': 1540, 'n_tokens_neox': 1521, 'n_words': 356}