<commit_before>import React, { Component } from "react";

import "./style.scss";

class About extends Component {
  render() {
    return (
      <div className="about">
        <div className="image"></div>
        <div className="bio">
          Software Engineer ∙ Open Sourcerer ∙ Tech Enthusiast
          <div className="emoji">
            <span role="img" aria-label="man-typing-emoji">
              👨🏽‍💻
            </span>
            &nbsp;
            <span role="img" aria-label="man-typing-emoji">
              😍
            </span>
            &nbsp;
            <span role="img" aria-label="man-typing-emoji">
              🤖
            </span>
          </div>
        </div>
      </div>
    );
  }
}

export default About;<commit_msg>refactor: About Component to FC<commit_after>import { graphql, StaticQuery } from "gatsby";
import React, { Fragment } from "react";
import "./style.scss";

const About = () => {
  return (
    <div className="about">
      <div className="image"></div>
      <div className="bio">
        <div>
          <StaticQuery
            query={graphql`
              query LinkEmojiQuery {
                allMarkdownRemark {
                  nodes {
                    frontmatter {
                      bio
                      misc {
                        emojis
                      }
                    }
                  }
                }
              }
            `}
            render={data => {
              const {
                misc,
                bio
              } = data.allMarkdownRemark.nodes[0].frontmatter;
              const { emojis } = misc[0];
              return (
                <Fragment>
                  <p>{bio}</p>
                  {emojis.map(emoji => (
                    <span
                      className="emoji"
                      role="img"
                      aria-label="sidelink-emoji"
                    >
                      &nbsp;{emoji}&nbsp;
                    </span>
                  ))}
                </Fragment>
              );
            }}
          />
        </div>
      </div>
    </div>
  );
};

export default About;
{'fraction_non_alphanumeric': 0.12066574202496533, 'fraction_numerical': 0.0009246417013407304, 'mean_word_length': 0.9835013748854262, 'pattern_counts': {'":': 0, '<': 32, '<?xml version=': 0, '>': 35, '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': '7542112', 'n_tokens_mistral': 597, 'n_tokens_neox': 563, 'n_words': 112}