<commit_before>import React from "react";
import EmailComponent from "./EmailComponent";
import sponsors from "../data/sponsors";
const SponsorLink = ({ href, name }) => (
  <a href={href} target="_blank" rel="noopener noreferrer">
    <img
      src={`/static/images/sponsors/${name.toLowerCase()}.svg`}
      alt={name}
      className={`sponsor sponsor__${name.toLowerCase()}`}
    />
  </a>
);

export function Footer() {
  return (
    <footer>
      <div className="sponsors">
        <div className="sponsors__label">Yhteistyössä</div>
        {sponsors.map(sponsor => (
          <SponsorLink key={sponsor.id} {...sponsor} />
        ))}
      </div>
      <div className="contacts">
        <div>
          <a
            href="https://koodiklinikka.slack.com"
            aria-label="Koodiklinikka Slackissä"
          >
            <i className="fa fa-slack" aria-hidden="true" />
          </a>
          <a
            href="https://github.com/koodiklinikka/koodiklinikka.fi"
            aria-label="Koodiklinikka Githubissa"
          >
            <i className="fa fa-github" aria-hidden="true" />
          </a>
          <a
            href="https://twitter.com/koodiklinikka"
            aria-label="Koodiklinikka Twitterissä"
          >
            <i className="fa fa-twitter" aria-hidden="true" />
          </a>
          <a<commit_msg>Fix Warning: Each child in a list should have a unique "key" prop. (#59)<commit_after>import React from "react";
import EmailComponent from "./EmailComponent";
import sponsors from "../data/sponsors";
const SponsorLink = ({ href, name }) => (
  <a href={href} target="_blank" rel="noopener noreferrer">
    <img
      src={`/static/images/sponsors/${name.toLowerCase()}.svg`}
      alt={name}
      className={`sponsor sponsor__${name.toLowerCase()}`}
    />
  </a>
);

export function Footer() {
  return (
    <footer>
      <div className="sponsors">
        <div className="sponsors__label">Yhteistyössä</div>
        {sponsors.map(sponsor => (
          <SponsorLink key={sponsor.name} {...sponsor} />
        ))}
      </div>
      <div className="contacts">
        <div>
          <a
            href="https://koodiklinikka.slack.com"
            aria-label="Koodiklinikka Slackissä"
          >
            <i className="fa fa-slack" aria-hidden="true" />
          </a>
          <a
            href="https://github.com/koodiklinikka/koodiklinikka.fi"
            aria-label="Koodiklinikka Githubissa"
          >
            <i className="fa fa-github" aria-hidden="true" />
          </a>
          <a
            href="https://twitter.com/koodiklinikka"
            aria-label="Koodiklinikka Twitterissä"
          >
            <i className="fa fa-twitter" aria-hidden="true" />
          </a>
          <a
{'fraction_non_alphanumeric': 0.15581144296509536, 'fraction_numerical': 0.0007196833393306944, 'mean_word_length': 2.058305830583058, 'pattern_counts': {'":': 0, '<': 45, '<?xml version=': 0, '>': 47, 'https://': 6, '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': '4853365', 'n_tokens_mistral': 913, 'n_tokens_neox': 888, 'n_words': 156}