<commit_before>import React from "react"
import './style.css';
import {Link} from "gatsby";
import _capitalize from "lodash/capitalize"
import Image from "../../layout/image"

const LanguageCard = ({ data }) => {
  return (
    <div className="container">
      <div className="row">
        {data.map(item => {
          return (
            <div className="card">
              <Link key={item.node.id} to={`/docs/${item.node.id}/`}>
                <div className="card-body">
                  <div className="card-image">
                    <Image path={`flags/${item.node.slug}.png`} className="card-title rounded-circle w-100px" alt={item.node.slug} />
                  </div>
                  <div className="card-text">
                    <span>{_capitalize(item.node.name)} ({item.node.id})</span>
                  </div>
                  {item.node.authors && (
                    item.node.authors.map(author => {
                      return (
                        <React.Fragment key={author.id}>
                          {author.github_avatar && <img src={author.github_avatar} className="author-avatar rounded-circle" alt={author.name}/>}
                        </React.Fragment>
                      )
                    })<commit_msg>Fix language card component (#27)<commit_after>import React from "react"
import './style.css';
import {Link} from "gatsby";
import _capitalize from "lodash/capitalize"
import Image from "../../layout/image"

const LanguageCard = ({ data }) => {
  return (
    <div className="container">
      <div className="row">
        {data.map(item => {
          return (
            <div key={item.node.id} className="card">
              <Link to={`/docs/${item.node.id}/`}>
                <div className="card-body">
                  <div className="card-image">
                    <Image path={`flags/${item.node.slug}.png`} className="card-title rounded-circle w-100px" alt={item.node.slug} />
                  </div>
                  <div className="card-text">
                    <span>{_capitalize(item.node.name)} ({item.node.id})</span>
                  </div>
                  {item.node.authors && (
                    item.node.authors.map(author => {
                      return (
                        <React.Fragment key={author.id}>
                          {author.github_avatar && <img src={author.github_avatar} className="author-avatar rounded-circle" alt={author.name}/>}
                        </React.Fragment>
                      )
                    })
{'fraction_non_alphanumeric': 0.15399686520376177, 'fraction_numerical': 0.003134796238244514, 'mean_word_length': 1.5761856710393543, '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': '6422000', 'n_tokens_mistral': 713, 'n_tokens_neox': 679, 'n_words': 126}