<commit_before>'use strict';

import React from 'react';
import { getScript, onApiLoad } from './util/picker';
import Start from './views/Start';
import Resume from './views/Resume';
import Pause from './views/Pause';
import About from './views/About';
import FAQ from './views/FAQ';
import AccountSwitcher from './components/AccountSwitcher';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import { Tabs, Tab } from 'material-ui/Tabs';

export default class App extends React.Component {
  constructor() {
    super();
  }

  /**
   * Load Google API script for the Picker widget
   * Set global reference to picker so it can be passed down to the views
   */
  componentWillMount() {
    this.pickerBuilder = getScript(
      'https://apis.google.com/js/api.js',
      onApiLoad
    );
  }

  render() {
    const tabLabelStyle = { color: '#383838' };
    return (
      <MuiThemeProvider>
        <Tabs
          // this is what keeps everything centered
          // if I want the bar to span and the contents to be contained, I can use the
          // contentContainerClassName="container" property
          className="container"
          tabItemContainerStyle={{ backgroundColor: '#f7f7f7' }}
          initialSelectedIndex={1}
        >
          <Tab label="About" style={tabLabelStyle}>
            <About />
          </Tab>

          <Tab label="Start" style={tabLabelStyle}>
            <Start pickerBuilder={this.pickerBuilder} />
          </Tab>

          <Tab label="Resume" style={tabLabelStyle}>
            <Resume pickerBuilder={this.pickerBuilder} />
          </Tab>

          <Tab label="Pause" style={tabLabelStyle}>
            <Pause />
          </Tab>

          <Tab label="FAQ" style={tabLabelStyle}>
            <FAQ />
          </Tab>
        </Tabs>
      </MuiThemeProvider>
    );
  }
}
<commit_msg>add testmode banner and account switcher<commit_after>'use strict';

import React from 'react';
import { getScript, onApiLoad } from './util/picker';
import Start from './views/Start';
import Resume from './views/Resume';
import Pause from './views/Pause';
import About from './views/About';
import FAQ from './views/FAQ';
import AccountSwitcher from './components/AccountSwitcher';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import { Tabs, Tab } from 'material-ui/Tabs';

export default class App extends React.Component {
  constructor() {
    super();
  }

  /**
   * Load Google API script for the Picker widget
   * Set global reference to picker so it can be passed down to the views
   */
  componentWillMount() {
    this.pickerBuilder = getScript(
      'https://apis.google.com/js/api.js',
      onApiLoad
    );
  }

  render() {
    const tabLabelStyle = { color: '#383838' };
    return (
      <MuiThemeProvider>
        {process.env.NODE_ENV !== 'production' && (
          <div className="test-mode-banner">TEST MODE</div>
        )}
        <AccountSwitcher />
        <Tabs
          // this is what keeps everything centered
          // if I want the bar to span and the contents to be contained, I can use the
          // contentContainerClassName="container" property
          className="container"
          tabItemContainerStyle={{ backgroundColor: '#f7f7f7' }}
          initialSelectedIndex={1}
        >
          <Tab label="About" style={tabLabelStyle}>
            <About />
          </Tab>

          <Tab label="Start" style={tabLabelStyle}>
            <Start pickerBuilder={this.pickerBuilder} />
          </Tab>

          <Tab label="Resume" style={tabLabelStyle}>
            <Resume pickerBuilder={this.pickerBuilder} />
          </Tab>

          <Tab label="Pause" style={tabLabelStyle}>
            <Pause />
          </Tab>

          <Tab label="FAQ" style={tabLabelStyle}>
            <FAQ />
          </Tab>
        </Tabs>
      </MuiThemeProvider>
    );
  }
}

{'fraction_non_alphanumeric': 0.12608918503331626, 'fraction_numerical': 0.005125576627370579, 'mean_word_length': 2.3217021276595746, 'pattern_counts': {'":': 0, '<': 44, '<?xml version=': 0, '>': 44, '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': '6555086', 'n_tokens_mistral': 1113, 'n_tokens_neox': 1097, 'n_words': 303}