<commit_before>'use strict';

var React = require('react/addons');
var Icon = require('./icons.jsx').Icon;
var LinkDropdown = require('./dropdowns.jsx').LinkDropdown;
var DropdownItem = require('./dropdowns.jsx').DropdownItem;

var Notifications = React.createClass({
  render: function () {
    var children = this.props.children;

    if(!this.props.children){
      children = (
        <DropdownItem>
          <div className="dropdown-notifications-none">
            <Icon name='bell' className='type-neutral-6' />
            <p className="type-neutral-4 em-alt mbn">no notifications</p>
          </div>
        </DropdownItem>
      );
    }
    var childrenCount = React.Children.count(this.props.children);
    var badge = this.props.children ? (<span className="dropdown-notifications-badge">{childrenCount}</span>) : null;

    var dropdownTitle = (
      <div className='dropdown-notifications-title'>
        <i className="fa fa-bell type-neutral-6 h2 mvn"></i>
        {badge}
      </div>
    );

    return (
      <LinkDropdown title={dropdownTitle} className="dropdown-notifications">
        {children}
      </LinkDropdown>
    );
  }
});

var AlertNotifications = React.createClass({
  render: function () {
    var children = this.props.children;

    if(!this.props.children){
      children = (
        <DropdownItem>
          <div className="dropdown-notifications-none">
            <Icon name='bell' className='type-neutral-6' />
            <p className="type-neutral-4 em-alt mbn">no alerts</p>
          </div>
        </DropdownItem>
      );
    }
    var badge = this.props.children ? (<Icon name="exclamation-triangle" className="dropdown-notifications-alert h4 type-warn-2"></Icon>) : null;
<commit_msg>chore(react-notifications): no notifications is not clickable<commit_after>'use strict';

var React = require('react/addons');
var Icon = require('./icons.jsx').Icon;
var LinkDropdown = require('./dropdowns.jsx').LinkDropdown;
var DropdownItem = require('./dropdowns.jsx').DropdownItem;

var Notifications = React.createClass({
  render: function () {
    var children = this.props.children;

    if(!this.props.children){
      children = (
        <li role="presentation">
          <div className="dropdown-notifications-none">
            <Icon name='bell' className='type-neutral-6' />
            <p className="type-neutral-4 em-alt mbn">no notifications</p>
          </div>
        </li>
      );
    }
    var childrenCount = React.Children.count(this.props.children);
    var badge = this.props.children ? (<span className="dropdown-notifications-badge">{childrenCount}</span>) : null;

    var dropdownTitle = (
      <div className='dropdown-notifications-title'>
        <i className="fa fa-bell type-neutral-6 h2 mvn"></i>
        {badge}
      </div>
    );

    return (
      <LinkDropdown title={dropdownTitle} className="dropdown-notifications">
        {children}
      </LinkDropdown>
    );
  }
});

var AlertNotifications = React.createClass({
  render: function () {
    var children = this.props.children;

    if(!this.props.children){
      children = (
        <li role="presentation">
          <div className="dropdown-notifications-none">
            <Icon name='bell' className='type-neutral-6' />
            <p className="type-neutral-4 em-alt mbn">no alerts</p>
          </div>
        </li>
      );
    }
    var badge = this.props.children ? (<Icon name="exclamation-triangle" className="dropdown-notifications-alert h4 type-warn-2"></Icon>) : null;

{'fraction_non_alphanumeric': 0.1518413597733711, 'fraction_numerical': 0.004532577903682719, 'mean_word_length': 2.8008611410118407, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 51, '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': '5820840', 'n_tokens_mistral': 1065, 'n_tokens_neox': 1021, 'n_words': 199}