<commit_before>/** @jsx jsx */
import { useEffect } from "react";
import { jsx, css } from "@emotion/core";
import { observer } from "mobx-react";
import AsyncOp from "utils/asyncOp";

export default context => {
  const { tr, theme: {palette}, rest } = context;
  const versionStore = AsyncOp(context)(() => rest.get(`version`));

  const Footer = observer(() => {
    useEffect(() => {
      versionStore.fetch();
    }, []);

    return (
      <footer
        css={css`
          padding: 20px;
          text-align: center;
          background: ${palette.primary.light};
        `}
      >
        <div>
          {tr.t(
            "StarHackIt is the starting point to build a full stack web application"
          )}
        </div>
        <div>
          {tr.t("Get the source code at ")}
          <a
            href="https://github.com/FredericHeem/starhackit"
            rel="noopener noreferrer"
            target="_blank"
          >
            {tr.t("GitHub")}
          </a>
        </div>
        <div>
          {`F${__VERSION__}`}{" "}
          {versionStore.data ? `B${versionStore.data.version}` : "Fetching..."}
        </div>
      </footer>
    );
  });
  return Footer;<commit_msg>footer text color<commit_after>/** @jsx jsx */
import { useEffect } from "react";
import { jsx, css } from "@emotion/core";
import { observer } from "mobx-react";
import AsyncOp from "utils/asyncOp";

export default context => {
  const { tr, theme: {palette}, rest } = context;
  const versionStore = AsyncOp(context)(() => rest.get(`version`));

  const Footer = observer(() => {
    useEffect(() => {
      versionStore.fetch();
    }, []);

    return (
      <footer
        css={css`
          padding: 20px;
          text-align: center;
          background: ${palette.primary.light};
          color: ${palette.primary.contrastText}
        `}
      >
        <div>
          {tr.t(
            "StarHackIt is the starting point to build a full stack web application"
          )}
        </div>
        <div>
          {tr.t("Get the source code at ")}
          <a
            href="https://github.com/FredericHeem/starhackit"
            rel="noopener noreferrer"
            target="_blank"
          >
            {tr.t("GitHub")}
          </a>
        </div>
        <div>
          {`F${__VERSION__}`}{" "}
          {versionStore.data ? `B${versionStore.data.version}` : "Fetching..."}
        </div>
      </footer>
    );
  });
  return Footer;
{'fraction_non_alphanumeric': 0.16, 'fraction_numerical': 0.0016161616161616162, 'mean_word_length': 1.8104426787741204, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 31, 'https://': 2, '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': '3604553', 'n_tokens_mistral': 779, 'n_tokens_neox': 764, 'n_words': 173}