<commit_before>import React from "react";
import { connect } from "react-redux";
import { Link } from "react-router-dom";
import injectSheet from "react-jss";
import Row from "react-bootstrap/lib/Row";
import Col from "react-bootstrap/lib/Col";

import Byline from "../Byline";
import Dateline from "../Dateline";

const styles = {
  section: {
    color: "#000",
    display: "block",
    fontFamily: "Minion Pro",
    fontWeight: 300,
    fontSize: "12px",
    marginBottom: "4px",
    textTransform: "uppercase",
    "&:hover": {
      color: "#000",
    },
    "&:active": {
      color: "#000",
    },
    "&:focus": {
      color: "#000",
    },
  },
  header: {
    paddingLeft: "0 !important",
  },
  title: {
    color: "#000",
    display: "block",
    fontFamily: "Minion Pro",
    fontSize: "26px",
    fontWeight: 700,
    lineHeight: 1.08,
    marginBottom: "9px",
    "&:hover": {
      color: "#000",
    },
    "&:active": {
      color: "#000",
    },
    "&:focus": {
      color: "#000",
    },
  },
  summary: {
    fontFamily: "Minion Pro",
    fontSize: "16px",
    lineHeight: 1.29,
  },
  featuredMedia: {
    paddingRight: "14px !important",
    height: "360px",
    overflow: "hidden",
    "& > a >figure > img": {
      width: "100%",
    },
  },
  "@media (min-width: 992px and max-width: )": {
    featuredMedia: {
      paddingLeft: "14px",
    },
  },
  "@media (max-width: 991px)": {
    featuredMedia: {
      paddingRight: "0 !important",
    },
  },
  "@media (max-width: 767px)": {
    featuredMedia: {
      height: "auto",
      marginBottom: "18px",
      overflow: "visible",
      paddingLeft: "0 !important",
      paddingTop: "14px",
      "& figure img": {
        marginLeft: "-14px",
        width: "100vw !important",
      },
    },
  },
};

const LeftTitleArticle = ({ classes, article, media, sections }) => {
  const featuredMedia = Object.values(media).find(
    mediaObject => mediaObject.articleId === article.id,
  );
  const section = Object.values(sections).find(
    section => article.sectionId === section.id,
  );
  return (
    <Row className={classes.article}>
      {/*
      <Link className={classes.section} to={section.permalink}>
        {section.name}
      </Link>
    */}
      <Col
        xs={12}
        smPush={4}
        sm={8}<commit_msg>final changes<commit_after>import React from "react";
import { connect } from "react-redux";
import { Link } from "react-router-dom";
import injectSheet from "react-jss";
import Row from "react-bootstrap/lib/Row";
import Col from "react-bootstrap/lib/Col";

import Byline from "../Byline";
import Dateline from "../Dateline";

const styles = {
  section: {
    color: "#000",
    display: "block",
    fontFamily: "Minion Pro",
    fontWeight: 300,
    fontSize: "12px",
    marginBottom: "4px",
    textTransform: "uppercase",
    "&:hover": {
      color: "#000",
    },
    "&:active": {
      color: "#000",
    },
    "&:focus": {
      color: "#000",
    },
  },
  header: {
    paddingLeft: "0 !important",
  },
  title: {
    color: "#000",
    display: "block",
    fontFamily: "Minion Pro",
    fontSize: "26px",
    fontWeight: 700,
    lineHeight: 1.08,
    marginBottom: "9px",
    "&:hover": {
      color: "#000",
    },
    "&:active": {
      color: "#000",
    },
    "&:focus": {
      color: "#000",
    },
  },
  summary: {
    fontFamily: "Minion Pro",
    fontSize: "16px",
    lineHeight: 1.29,
  },
  featuredMedia: {
    paddingRight: "14px !important",
    height: "360px",
    overflow: "hidden",
    "& > a >figure > img": {
      width: "100%",
    },
  },
  "@media (min-width: 992px and max-width: )": {
    featuredMedia: {
      paddingLeft: "14px",
    },
  },
  "@media (max-width: 991px)": {
    featuredMedia: {
      paddingRight: "0 !important",
    },
  },
  "@media (max-width: 767px)": {
    featuredMedia: {
      height: "auto",
      marginBottom: "18px",
      overflow: "visible",
      paddingLeft: "0 !important",
      paddingTop: "14px",
      "& figure img": {
        marginLeft: "-14px",
        width: "100vw !important",
      },
    },
  },
};

const LeftTitleArticle = ({ classes, article, media, sections }) => {
  const featuredMedia = Object.values(media).find(
    mediaObject => mediaObject.articleId === article.id,
  );
  const section = sections[article.sectionId];
  return (
    <Row className={classes.article}>
      <Link className={classes.section} to={section.permalink}>
        {section.name}
      </Link>
      <Col
        xs={12}
        smPush={4}
        sm={8}
{'fraction_non_alphanumeric': 0.1813994296994955, 'fraction_numerical': 0.034656722965562624, 'mean_word_length': 2.4624145785876994, 'pattern_counts': {'":': 22, '<': 11, '<?xml version=': 0, '>': 20, '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': '6202162', 'n_tokens_mistral': 1649, 'n_tokens_neox': 1563, 'n_words': 349}