<commit_before>"use strict";

var TabSwitcher = require("./TabSwitcher.jsx"),
  AppActions = require('../actions/AppActions');

var MenuPanel = React.createClass({
  getInitialState: function() {
    return {
      tabSelectedIndex: 0,
      pinned: false
    };
  },

  switchTab: function(_) {
    //this.setState({tabSelectedIndex: tabIndex});
    // the tab switching is outside of react atm :(
  },

  render: function(){
    var menuPanelClasses = "map-panel grey lighten-4 z-depth-2",
      pinActionButtonIcon = "mdi-navigation-arrow-drop-up",
      pinActionButtonTitle = "Hide edit panel",
      panelContentClasses = "panel-container grey-text darken-3-text";

    if (this.state.pinned) {
      menuPanelClasses += " pinned";
      pinActionButtonIcon = "mdi-navigation-arrow-drop-down";
      panelContentClasses += " hideme";
      pinActionButtonTitle = "Display edit panel";
    }

    return (
      <div id="menu-panel" className={menuPanelClasses}>
        <ul id="dropdown-menu" className="dropdown-content">
          <li><a href="https://github.com/rob-murray/gb-geojson" title="What is this all about?">About</a></li>
        </ul>
        <nav>
          <div className="nav-wrapper pink">
            <a href="#" className="brand-logo">GB-GeoJson</a>
            <ul className="right">
              <li>
                <a
                  onClick={this._clearMap}
                  href="#clearMap"
                  title="Clear map" >
                  <i className="mdi-maps-layers-clear"></i>
                </a>
              </li>
              <li>
                <a
                  onClick={this._pinPanel}
                  href="#pinPanel"
                  title={pinActionButtonTitle} >
                  <i className={pinActionButtonIcon}></i>
                </a>
              </li>
              <li>
                <a href="#" title="More options" className="dropdown-button" data-activates="dropdown-menu">
                  <i className="mdi-navigation-more-vert right"></i>
                </a>
              </li>
            </ul>
          </div>
        </nav>
        <div className={panelContentClasses}>
          <TabSwitcher onTabClick={this.switchTab} />
          { this.props.children }
        </div>
      </div>
    );
  },

  _pinPanel: function(e) {
    e.preventDefault();
    this.setState({ pinned: !this.state.pinned })
  },

  _clearMap: function(e) {
    e.preventDefault();
    AppActions.destroy();
  },
});

module.exports = MenuPanel;<commit_msg>Remove the additional info dropdown; didnt add any value<commit_after>"use strict";

var TabSwitcher = require("./TabSwitcher.jsx"),
  AppActions = require('../actions/AppActions');

var MenuPanel = React.createClass({
  getInitialState: function() {
    return {
      tabSelectedIndex: 0,
      pinned: false
    };
  },

  switchTab: function(_) {
    //this.setState({tabSelectedIndex: tabIndex});
    // the tab switching is outside of react atm :(
  },

  render: function(){
    var menuPanelClasses = "map-panel grey lighten-4 z-depth-2",
      pinActionButtonIcon = "mdi-navigation-arrow-drop-up",
      pinActionButtonTitle = "Hide edit panel",
      panelContentClasses = "panel-container grey-text darken-3-text";

    if (this.state.pinned) {
      menuPanelClasses += " pinned";
      pinActionButtonIcon = "mdi-navigation-arrow-drop-down";
      panelContentClasses += " hideme";
      pinActionButtonTitle = "Display edit panel";
    }

    return (
      <div id="menu-panel" className={menuPanelClasses}>
        <ul id="dropdown-menu" className="dropdown-content">
          <li><a href="https://github.com/rob-murray/gb-geojson" title="What is this all about?">About</a></li>
        </ul>
        <nav>
          <div className="nav-wrapper pink">
            <a href="#" className="brand-logo">GB-GeoJson</a>
            <ul className="right">
              <li>
                <a
                  onClick={this._clearMap}
                  href="#clearMap"
                  title="Clear map" >
                  <i className="mdi-maps-layers-clear"></i>
                </a>
              </li>
              <li>
                <a
                  onClick={this._pinPanel}
                  href="#pinPanel"
                  title={pinActionButtonTitle} >
                  <i className={pinActionButtonIcon}></i>
                </a>
              </li>
            </ul>
          </div>
        </nav>
        <div className={panelContentClasses}>
          <TabSwitcher onTabClick={this.switchTab} />
          { this.props.children }
        </div>
      </div>
    );
  },

  _pinPanel: function(e) {
    e.preventDefault();
    this.setState({ pinned: !this.state.pinned })
  },

  _clearMap: function(e) {
    e.preventDefault();
    AppActions.destroy();
  },
});

module.exports = MenuPanel;
{'fraction_non_alphanumeric': 0.1437101091208565, 'fraction_numerical': 0.0016471072678608193, 'mean_word_length': 1.902031063321386, 'pattern_counts': {'":': 0, '<': 71, '<?xml version=': 0, '>': 71, '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': '4485022', 'n_tokens_mistral': 1423, 'n_tokens_neox': 1392, 'n_words': 267}