<commit_before>import React, { FunctionComponent } from "react"
import { css } from "@emotion/core"
import { getLink, getLinkLabel } from "./links/links.utils"
import { ApplicationLink } from "./links/link"
import { useCustomTranslation } from "../../i18n"

interface TitleProps {
  title: string
  linkId: string
  categories?: string[]
  className?: string
}
const titleStyle = css`
  margin-bottom: 1.45rem;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans,
    Helvetica Neue, sans-serif;
  font-size: 0.85028rem;
  line-height: 1.3;
  .published-date {
    font-size: 0.8rem;
    font-weight: normal;
    opacity: 0.7;
  }
  a {
    border-radius: 3px;
    color: white;
    padding: 0 2px;
    text-decoration: none;
  }
`
export const Title: FunctionComponent<TitleProps> = ({ title, categories, className, linkId }) => {
  const { publishedDate, tags } = getLink(linkId)
  const { t, i18n } = useCustomTranslation("common")
  const lol = categories || tags
  return (
    <>
      <h1 className={`tc mb1 ${className}`}>{title}</h1>
      <div className={`tc ${className}`} css={titleStyle}>
        <span className="published-date">
          {t("published")}{" "}
          {publishedDate instanceof Date
            ? publishedDate.toLocaleString("fr-FR", {
                month: "numeric",
                year: "numeric",
                day: "numeric",
              })
            : "03/01/2010"}
        </span>{" "}
        {t("in")}{" "}
        {lol.map((c, index) => (
          <React.Fragment key={index}>
            {index > 0 ? " " : ""}
            <ApplicationLink to={c}>{getLinkLabel(i18n.languageCode)(c)}</ApplicationLink>
          </React.Fragment>
        ))}
      </div>
    </>
  )
}<commit_msg>feat: break line for the full tag<commit_after>import React, { FunctionComponent } from "react"
import { css } from "@emotion/core"
import { getLink, getLinkLabel } from "./links/links.utils"
import { ApplicationLink } from "./links/link"
import { useCustomTranslation } from "../../i18n"

interface TitleProps {
  title: string
  linkId: string
  categories?: string[]
  className?: string
}
const titleStyle = css`
  margin-bottom: 1.45rem;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans,
    Helvetica Neue, sans-serif;
  font-size: 0.85028rem;
  line-height: 1.3;
  .published-date {
    font-size: 0.8rem;
    font-weight: normal;
    opacity: 0.7;
  }
  a {
    border-radius: 3px;
    color: white;
    padding: 0 2px;
    text-decoration: none;
  }
`
export const Title: FunctionComponent<TitleProps> = ({ title, categories, className, linkId }) => {
  const { publishedDate, tags } = getLink(linkId)
  const { t, i18n } = useCustomTranslation("common")
  const computedCategories = categories || tags
  return (
    <>
      <h1 className={`tc mb1 ${className}`}>{title}</h1>
      <div className={`tc flex flex-wrap items-center justify-center ${className}`} css={titleStyle}>
        <span className="published-date">
          {t("published")}{" "}
          {publishedDate instanceof Date
            ? publishedDate.toLocaleString("fr-FR", {
                month: "numeric",
                year: "numeric",
                day: "numeric",
              })
            : "03/01/2010"}
        </span>
        &nbsp;
        <span>{t("in")}</span>
        &nbsp;
        {computedCategories.map((c, index) => (
          <React.Fragment key={index}>
            {index > 0 ? <>&nbsp;</> : ""}
            <ApplicationLink to={c}>{getLinkLabel(i18n.languageCode)(c)}</ApplicationLink>
          </React.Fragment>
        ))}
      </div>
    </>
  )
}
{'fraction_non_alphanumeric': 0.1536863966770509, 'fraction_numerical': 0.018691588785046728, 'mean_word_length': 2.5975723622782447, 'pattern_counts': {'":': 0, '<': 33, '<?xml version=': 0, '>': 39, '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': '7294456', 'n_tokens_mistral': 1273, 'n_tokens_neox': 1213, 'n_words': 279}