<commit_before>import React from 'react';
import Reflux from 'reflux';
import Radium from 'radium';
import { withRouter, Link } from 'react-router';
import Gravatar from 'gravatar';

import { SnackbarNotificationMixin } from '../../mixins';

// Stores & Actions
import SessionActions from '../../apps/Session/SessionActions';
import SessionStore from '../../apps/Session/SessionStore';
import InstancesStore from '../../apps/Instances/InstancesStore';
import ProfileBillingPlanStore from '../../apps/Profile/ProfileBillingPlanStore';
import ProfileBillingPlanActions from '../../apps/Profile/ProfileBillingPlanActions';

// Components
import Sticky from 'react-stickydiv';
import { FontIcon, Divider, ListItem, Avatar, Toolbar, ToolbarGroup, IconMenu } from 'material-ui';
import { Logo, Clipboard, UpgradeButton } from '../';
import HeaderNotificationsDropdown from './HeaderNotificationsDropdown';
import HeaderGettingStartedDropdown from './HeaderGettingStartedDropdown';

import './Header.sass';

const Header = Radium(React.createClass({
  displayName: 'Header',

  contextTypes: {
    muiTheme: React.PropTypes.object
  },

  mixins: [
    Reflux.connect(InstancesStore),
    SnackbarNotificationMixin
  ],

  componentDidMount() {
    ProfileBillingPlanActions.fetchBillingProfile();
    SessionStore.getInstance();
  },

  getStyles() {
    return {
      avatar: {
        backgroundImage: `url(${this.getGravatarUrl()}), url(${this.getFallBackAvatar()})`,
        backgroundSize: '40px 40px',
        top: 'calc(50% - 20px)'
      },
      betaBadge: {
        color: '#fff',
        fontWeight: 600,
        paddingLeft: 10,
        paddingTop: 5
      },
      topToolbar: {
        background: this.context.muiTheme.rawTheme.palette.primary1Color,
        height: 50,
        padding: 0,
        justifyContent: 'flex-start'
      },
      logotypeContainer: {
        paddingLeft: 24,
        height: '100%',
        width: 256,
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'initial'
      },
      logo: {
        height: 20
      },
      toolbarGroup: {
        marginLeft: -5,
        height: '100%',
        flex: 1,
        justifyContent: 'flex-end'
      },
      toolbarList: {
        padding: '0 24px',
        display: 'flex'
      },
      toolbarListItem: {
        display: 'inline-flex',
        alignItems: 'center',
        cursor: 'pointer'
      },
      toolbarDropdownListItem: {
        paddingLeft: 0
      },
      accountKeyIcon: {
        zIndex: -1
      },
      listItemInnerDiv: {
        padding: 0
      }
    };
  },

  getDropdownItems() {
    const styles = this.getStyles();
    const user = SessionStore.getUser() || '';
    const billingIcon = <FontIcon className="synicon-credit-card" />;
    const instancesListIcon = <FontIcon className="synicon-view-list" />;
    const accountKeyIcon = <FontIcon className="synicon-key-variant" style={styles.accountKeyIcon} />;
    const logoutIcon = <FontIcon className="synicon-power" />;
<commit_msg>[DASH-2277] Remove padding<commit_after>import React from 'react';
import Reflux from 'reflux';
import Radium from 'radium';
import { withRouter, Link } from 'react-router';
import Gravatar from 'gravatar';

import { SnackbarNotificationMixin } from '../../mixins';

// Stores & Actions
import SessionActions from '../../apps/Session/SessionActions';
import SessionStore from '../../apps/Session/SessionStore';
import InstancesStore from '../../apps/Instances/InstancesStore';
import ProfileBillingPlanStore from '../../apps/Profile/ProfileBillingPlanStore';
import ProfileBillingPlanActions from '../../apps/Profile/ProfileBillingPlanActions';

// Components
import Sticky from 'react-stickydiv';
import { FontIcon, Divider, ListItem, Avatar, Toolbar, ToolbarGroup, IconMenu } from 'material-ui';
import { Logo, Clipboard, UpgradeButton } from '../';
import HeaderNotificationsDropdown from './HeaderNotificationsDropdown';
import HeaderGettingStartedDropdown from './HeaderGettingStartedDropdown';

import './Header.sass';

const Header = Radium(React.createClass({
  displayName: 'Header',

  contextTypes: {
    muiTheme: React.PropTypes.object
  },

  mixins: [
    Reflux.connect(InstancesStore),
    SnackbarNotificationMixin
  ],

  componentDidMount() {
    ProfileBillingPlanActions.fetchBillingProfile();
    SessionStore.getInstance();
  },

  getStyles() {
    return {
      avatar: {
        backgroundImage: `url(${this.getGravatarUrl()}), url(${this.getFallBackAvatar()})`,
        backgroundSize: '40px 40px',
        top: 'calc(50% - 20px)'
      },
      betaBadge: {
        color: '#fff',
        fontWeight: 600,
        paddingLeft: 10,
        paddingTop: 5
      },
      topToolbar: {
        background: this.context.muiTheme.rawTheme.palette.primary1Color,
        height: 50,
        padding: 0,
        justifyContent: 'flex-start'
      },
      logotypeContainer: {
        paddingLeft: 24,
        height: '100%',
        width: 256,
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'initial'
      },
      logo: {
        height: 20
      },
      toolbarGroup: {
        marginLeft: -5,
        height: '100%',
        flex: 1,
        justifyContent: 'flex-end'
      },
      toolbarList: {
        padding: '0 24px',
        display: 'flex'
      },
      toolbarListItem: {
        display: 'inline-flex',
        alignItems: 'center',
        cursor: 'pointer'
      },
      toolbarDropdownListItem: {
        paddingLeft: 0,
        paddingRight: 0
      },
      accountKeyIcon: {
        zIndex: -1
      },
      listItemInnerDiv: {
        padding: 0
      }
    };
  },

  getDropdownItems() {
    const styles = this.getStyles();
    const user = SessionStore.getUser() || '';
    const billingIcon = <FontIcon className="synicon-credit-card" />;
    const instancesListIcon = <FontIcon className="synicon-view-list" />;
    const accountKeyIcon = <FontIcon className="synicon-key-variant" style={styles.accountKeyIcon} />;
    const logoutIcon = <FontIcon className="synicon-power" />;

{'fraction_non_alphanumeric': 0.13139763779527558, 'fraction_numerical': 0.013615485564304463, 'mean_word_length': 2.7728960396039604, 'pattern_counts': {'":': 0, '<': 11, '<?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': '2858191', 'n_tokens_mistral': 1863, 'n_tokens_neox': 1782, 'n_words': 388}