<commit_before>import Button from "@material-ui/core/Button";
import {
  createStyles,
  Theme,
  withStyles,
  WithStyles
} from "@material-ui/core/styles";
import Typography from "@material-ui/core/Typography";
import * as React from "react";
import SVG from "react-inlinesvg";

import * as notFoundImage from "../../../images/not-found-404.svg";
import i18n from "../../i18n";

const styles = (theme: Theme) =>
  createStyles({
    button: {
      marginTop: theme.spacing.unit * 2,
      padding: 20
    },
    container: {
      [theme.breakpoints.down("sm")]: {
        gridTemplateColumns: "1fr",
        padding: theme.spacing.unit * 3,
        width: "100%"
      },
      display: "grid",
      gridTemplateColumns: "1fr 487px",
      margin: "0 auto",
      width: 830
    },
    header: {
      fontWeight: 600 as 600
    },
    innerContainer: {
      [theme.breakpoints.down("sm")]: {
        order: 1,
        textAlign: "center"
      },
      display: "flex",
      flexDirection: "column",
      justifyContent: "center"
    },
    notFoundImage: {
      "& svg": {
        width: "100%"
      }
    },
    root: {
      alignItems: "center",
      display: "flex",
      height: "100vh",
      width: "100vw"
    }
  });

interface NotFoundPageProps extends WithStyles<typeof styles> {
  onBack: () => void;
}

const NotFoundPage = withStyles(styles, { name: "NotFoundPage" })(
  ({ classes, onBack }: NotFoundPageProps) => (
    <div className={classes.root}>
      <div className={classes.container}>
        <div className={classes.innerContainer}>
          <div>
            <Typography className={classes.header} variant="display2">
              {i18n.t("Ooops!...")}
            </Typography>
            <Typography className={classes.header} variant="display1">
              {i18n.t("Something's missing")}
            </Typography>
            <Typography>{i18n.t("Sorry the page not found")}</Typography>
          </div>
          <div>
            <Button
              className={classes.button}
              color="secondary"
              variant="contained"
              onClick={onBack}
            >
              {i18n.t("Go back to dashboard", { context: "button" })}
            </Button>
          </div>
        </div>
        <div>
          <SVG className={classes.notFoundImage} src={notFoundImage} />
        </div>
      </div>
    </div>
  )
);
NotFoundPage.displayName = "NotFoundPage";
export default NotFoundPage;<commit_msg>Correct grammar<commit_after>import Button from "@material-ui/core/Button";
import {
  createStyles,
  Theme,
  withStyles,
  WithStyles
} from "@material-ui/core/styles";
import Typography from "@material-ui/core/Typography";
import * as React from "react";
import SVG from "react-inlinesvg";

import * as notFoundImage from "../../../images/not-found-404.svg";
import i18n from "../../i18n";

const styles = (theme: Theme) =>
  createStyles({
    button: {
      marginTop: theme.spacing.unit * 2,
      padding: 20
    },
    container: {
      [theme.breakpoints.down("sm")]: {
        gridTemplateColumns: "1fr",
        padding: theme.spacing.unit * 3,
        width: "100%"
      },
      display: "grid",
      gridTemplateColumns: "1fr 487px",
      margin: "0 auto",
      width: 830
    },
    header: {
      fontWeight: 600 as 600
    },
    innerContainer: {
      [theme.breakpoints.down("sm")]: {
        order: 1,
        textAlign: "center"
      },
      display: "flex",
      flexDirection: "column",
      justifyContent: "center"
    },
    notFoundImage: {
      "& svg": {
        width: "100%"
      }
    },
    root: {
      alignItems: "center",
      display: "flex",
      height: "100vh",
      width: "100vw"
    }
  });

interface NotFoundPageProps extends WithStyles<typeof styles> {
  onBack: () => void;
}

const NotFoundPage = withStyles(styles, { name: "NotFoundPage" })(
  ({ classes, onBack }: NotFoundPageProps) => (
    <div className={classes.root}>
      <div className={classes.container}>
        <div className={classes.innerContainer}>
          <div>
            <Typography className={classes.header} variant="display2">
              {i18n.t("Ooops!...")}
            </Typography>
            <Typography className={classes.header} variant="display1">
              {i18n.t("Something's missing")}
            </Typography>
            <Typography>{i18n.t("Sorry, the page was not found")}</Typography>
          </div>
          <div>
            <Button
              className={classes.button}
              color="secondary"
              variant="contained"
              onClick={onBack}
            >
              {i18n.t("Go back to dashboard", { context: "button" })}
            </Button>
          </div>
        </div>
        <div>
          <SVG className={classes.notFoundImage} src={notFoundImage} />
        </div>
      </div>
    </div>
  )
);
NotFoundPage.displayName = "NotFoundPage";
export default NotFoundPage;
{'fraction_non_alphanumeric': 0.14952706782048703, 'fraction_numerical': 0.0197222781243711, 'mean_word_length': 2.0965732087227416, 'pattern_counts': {'":': 2, '<': 47, '<?xml version=': 0, '>': 53, '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': '5281590', 'n_tokens_mistral': 1564, 'n_tokens_neox': 1498, 'n_words': 319}