<commit_before>import Paper from '@material-ui/core/Paper';
import Snackbar from '@material-ui/core/Snackbar';
import PropTypes from 'prop-types';
import React from 'react';
import { FormattedMessage, IntlProvider } from 'react-intl';
import { connect } from 'react-redux';
import withRouter from 'react-router-dom/withRouter';
import styled from 'styled-components';
import {
  createHideShoppingCartNotification,
  createLoadProductCategories,
  createLogout,
  createToggleDrawer,
} from '../actions';
import authService from '../auth/authService';
import { ProductCategoryPropType } from '../propTypes';
import ShoppingCartDrawer from '../shoppingcart/shoppingCartDrawer.jsx';
import Footer from './footer.jsx';
import Header from './header.jsx';
import LayoutDrawer from './layoutDrawer.jsx';
import MainSpinner from './mainSpinner.jsx';
import theme from '../theme';

const Body = styled(Paper)`
  position: relative;
  padding-top: 56px;
  display: flex;
  align-items: stretch;
  
  @media screen and (min-width: ${theme.breakpoints.values.sm}px) {
    padding-top: 64px;
  }
`;

const Content = styled.div`
  flex: 1 1 auto;
  max-width: 100%;
`;

class Layout extends React.Component {
  componentWillMount() {
    if (!this.props.productCategories.length) {
      this.props.loadProductCategories();
    }
  }<commit_msg>set 100% because of wrong IE11 auto calculation<commit_after>import Paper from '@material-ui/core/Paper';
import Snackbar from '@material-ui/core/Snackbar';
import PropTypes from 'prop-types';
import React from 'react';
import { FormattedMessage, IntlProvider } from 'react-intl';
import { connect } from 'react-redux';
import withRouter from 'react-router-dom/withRouter';
import styled from 'styled-components';
import {
  createHideShoppingCartNotification,
  createLoadProductCategories,
  createLogout,
  createToggleDrawer,
} from '../actions';
import authService from '../auth/authService';
import { ProductCategoryPropType } from '../propTypes';
import ShoppingCartDrawer from '../shoppingcart/shoppingCartDrawer.jsx';
import Footer from './footer.jsx';
import Header from './header.jsx';
import LayoutDrawer from './layoutDrawer.jsx';
import MainSpinner from './mainSpinner.jsx';
import theme from '../theme';

const Body = styled(Paper)`
  position: relative;
  padding-top: 56px;
  display: flex;
  align-items: stretch;
  
  @media screen and (min-width: ${theme.breakpoints.values.sm}px) {
    padding-top: 64px;
  }
`;

const Content = styled.div`
  flex: 1 1 100%;
  max-width: 100%;
`;

class Layout extends React.Component {
  componentWillMount() {
    if (!this.props.productCategories.length) {
      this.props.loadProductCategories();
    }
  }
{'fraction_non_alphanumeric': 0.12972572275759822, 'fraction_numerical': 0.009636767976278725, 'mean_word_length': 4.646443514644352, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '1978847', 'n_tokens_mistral': 849, 'n_tokens_neox': 818, 'n_words': 221}