<commit_before>// @flow

import { createStyleSheet, withStyles } from 'material-ui/styles'
import PropTypes from 'prop-types'
import React from 'react'
import spacing from 'material-ui/styles/spacing'

import { LARGE, MEDIUM } from '../scripts/ViewportDimensions'

const styleSheet = createStyleSheet(theme => ({
  root: {
    paddingTop: spacing.unit,
    minHeight: 400,
  },
  content: {
    margin: spacing.unit,
  },
  contentWhenMedium: {
    margin: `${spacing.unit * 2}px ${spacing.unit * 3}px`,
  },
}))

class ResponsiveContentArea extends React.Component {
  static contextTypes = {
    muiTheme: PropTypes.object,
    rbContext: PropTypes.object,
  }

  // ZZZ
  // getStyles() {
  //   const muiSize = this.context.rbContext.viewportDimensions.get(this, 'muiSize')
  //   if (muiSize === MEDIUM || muiSize === LARGE)
  //     styles.content = Object.assign(styles.content, styles.contentWhenMedium)
  // }

  render() {
    const classes = this.props.classes

    return (
      <div className={classes.root}>
        <div className={classes.content}>
          {this.props.children}
        </div>
      </div>
    )
  }
}

export default withStyles(styleSheet)(ResponsiveContentArea)<commit_msg>[webapp] The content pages are not sized properly. CLose #338<commit_after>// @flow

import { createStyleSheet, withStyles } from 'material-ui/styles'
import PropTypes from 'prop-types'
import React from 'react'
import spacing from 'material-ui/styles/spacing'

const styleSheet = createStyleSheet('AppContent', theme => ({
  content: theme.mixins.gutters({
    paddingTop: 80,
    flex: '1 1 100%',
    maxWidth: '100%',
    margin: '0 auto',
  }),
  [theme.breakpoints.up(948)]: {
    content: {
      maxWidth: 900,
    },
  },
}))

class ResponsiveContentArea extends React.Component {
  static contextTypes = {
    rbContext: PropTypes.object,
  }

  render() {
    const classes = this.props.classes

    return (
      <div className={classes.content}>
        {this.props.children}
      </div>
    )
  }
}

export default withStyles(styleSheet)(ResponsiveContentArea)
{'fraction_non_alphanumeric': 0.1342281879194631, 'fraction_numerical': 0.011984659635666348, 'mean_word_length': 3.294238683127572, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 11, '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': '4667635', 'n_tokens_mistral': 692, 'n_tokens_neox': 660, 'n_words': 148}