<commit_before>import React, { Component } from "react"
import presets, { colors } from "../utils/presets"
import EvaluationCell from "./evaluation-cell"
import infoIcon from "../assets/info-icon.svg"
import SectionTitle from "./evaluation-table-section-title"
import SectionHeaderTop from "./evaluation-table-section-header-top"
import SectionHeaderBottom from "./evaluation-table-section-header-bottom"
import { options, rhythm } from "../utils/typography"

class EvaluationTable extends Component {
  constructor() {
    super()
    this.state = {}
  }
  render() {
    const renderText = txt => {
      const words = txt.split(` `)
      return [
        words.slice(0, words.length - 1).join(` `),
        <span
          css={{
            // WebkitHyphens: `auto`,
            // MsHyphens: `auto`,
            // hyphens: `auto`,
            // wordBreak: `break-all`,
            // display: `inline-block`,
            "&:hover": {
              background: colors.ui.bright,
            },
          }}
        >
          {` `}
          {`${words[words.length - 1]} `}
          <img
            src={infoIcon}
            css={{
              height: rhythm(2 / 5),
              marginBottom: rhythm(2 / 15),
              verticalAlign: `text-bottom`,
            }}
            alt={`Info Icon`}
          />
        </span>,
      ]
    }
    const headers = [`Feature`, `Gatsby`, `Jekyll`, `Wordpress`, `Squarespace`]
    const renderCell = (text, column) => {
      switch (column) {
        case 0: {
          return (
            <div
              css={{
                verticalAlign: `middle`,
                textAlign: `left`,
                display: `inline-block`,
                marginLeft: `auto`,
                marginRight: `auto`,
                padding: `${rhythm(1 / 4)} 0 ${rhythm(1 / 4)} ${rhythm(1 / 4)}`,
                [presets.Mobile]: {
                  padding: `${rhythm(1 / 2)} 0 ${rhythm(1 / 2)} ${rhythm(
                    1 / 2
                  )}`,
                },
              }}
            ><commit_msg>www: fix wordpress features column (#9883)<commit_after>import React, { Component } from "react"
import presets, { colors } from "../utils/presets"
import EvaluationCell from "./evaluation-cell"
import infoIcon from "../assets/info-icon.svg"
import SectionTitle from "./evaluation-table-section-title"
import SectionHeaderTop from "./evaluation-table-section-header-top"
import SectionHeaderBottom from "./evaluation-table-section-header-bottom"
import { options, rhythm } from "../utils/typography"

class EvaluationTable extends Component {
  constructor() {
    super()
    this.state = {}
  }
  render() {
    const renderText = txt => {
      const words = txt.split(` `)
      return [
        words.slice(0, words.length - 1).join(` `),
        <span
          css={{
            // WebkitHyphens: `auto`,
            // MsHyphens: `auto`,
            // hyphens: `auto`,
            // wordBreak: `break-all`,
            // display: `inline-block`,
            "&:hover": {
              background: colors.ui.bright,
            },
          }}
        >
          {` `}
          {`${words[words.length - 1]} `}
          <img
            src={infoIcon}
            css={{
              height: rhythm(2 / 5),
              marginBottom: rhythm(2 / 15),
              verticalAlign: `text-bottom`,
            }}
            alt={`Info Icon`}
          />
        </span>,
      ]
    }
    const headers = [`Feature`, `Gatsby`, `Jekyll`, `WordPress`, `Squarespace`]
    const renderCell = (text, column) => {
      switch (column) {
        case 0: {
          return (
            <div
              css={{
                verticalAlign: `middle`,
                textAlign: `left`,
                display: `inline-block`,
                marginLeft: `auto`,
                marginRight: `auto`,
                padding: `${rhythm(1 / 4)} 0 ${rhythm(1 / 4)} ${rhythm(1 / 4)}`,
                [presets.Mobile]: {
                  padding: `${rhythm(1 / 2)} 0 ${rhythm(1 / 2)} ${rhythm(
                    1 / 2
                  )}`,
                },
              }}
            >
{'fraction_non_alphanumeric': 0.15015591268889422, 'fraction_numerical': 0.011993283761093787, 'mean_word_length': 1.461629279811098, 'pattern_counts': {'":': 2, '<': 11, '<?xml version=': 0, '>': 15, 'https://': 0, 'lorem ipsum': 0, 'www.': 1, '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': '5614451', 'n_tokens_mistral': 1208, 'n_tokens_neox': 1150, 'n_words': 265}