<commit_before>import React, { PropTypes as Types } from 'react';
import { Message } from 'retranslate';

import { Loader } from '../../common';
import './AuthenticationLoader.scss';

const AuthenticationLoader = ({ controlCode, onCancel, overlayed }) => {
  const content = (
    <div className="card text-center p-4">
      <div className="p-4">
        {
          controlCode ? (
            <div>
              <p><Message>login.control.code</Message></p>
              <div className="control-code">{controlCode}</div>
            </div>
          ) : ''
        }
        <Loader className="align-middle" />
        {
          controlCode ? (
            <button className="btn btn-secondary mt-4" onClick={onCancel}>
              <Message>login.stop</Message>
            </button>
          ) : ''
        }
      </div>
    </div>
  );
  if (overlayed) {
    return (
      <div className="tv-modal">
        <div className="container">
          <div className="row mt-4 pt-4 justify-content-center">
            <div className="col-md-8 col-lg-6 tv-modal__content">
              {content}
            </div>
          </div>
        </div>
      </div>
    );
  }
  return (
    <div className={'row mt-4 pt-4 justify-content-center'}>
      <div className="col-md-8 col-lg-6">
        {content}
      </div>
    </div>
  );
};

const noop = () => null;

AuthenticationLoader.defaultProps = {
  controlCode: null,
  onCancel: noop,
  overlayed: false,
};

AuthenticationLoader.propTypes = {
  controlCode: Types.string,
  onCancel: Types.func,
  overlayed: Types.bool,
};

export default AuthenticationLoader;
<commit_msg>make authenticationloader overlay padding correct<commit_after>import React, { PropTypes as Types } from 'react';
import { Message } from 'retranslate';

import { Loader } from '../../common';
import './AuthenticationLoader.scss';

const AuthenticationLoader = ({ controlCode, onCancel, overlayed }) => {
  const content = (
    <div className="card text-center p-4 tv-modal__content">
      <div className="p-4">
        {
          controlCode ? (
            <div>
              <p><Message>login.control.code</Message></p>
              <div className="control-code">{controlCode}</div>
            </div>
          ) : ''
        }
        <Loader className="align-middle" />
        {
          controlCode ? (
            <button className="btn btn-secondary mt-4" onClick={onCancel}>
              <Message>login.stop</Message>
            </button>
          ) : ''
        }
      </div>
    </div>
  );
  if (overlayed) {
    return (
      <div className="tv-modal">
        <div className="container">
          <div className="row mt-4 pt-4 justify-content-center">
            <div className="col-md-8 col-lg-6">
              {content}
            </div>
          </div>
        </div>
      </div>
    );
  }
  return (
    <div className={'row mt-4 pt-4 justify-content-center'}>
      <div className="col-md-8 col-lg-6">
        {content}
      </div>
    </div>
  );
};

const noop = () => null;

AuthenticationLoader.defaultProps = {
  controlCode: null,
  onCancel: noop,
  overlayed: false,
};

AuthenticationLoader.propTypes = {
  controlCode: Types.string,
  onCancel: Types.func,
  overlayed: Types.bool,
};

export default AuthenticationLoader;

{'fraction_non_alphanumeric': 0.1510574018126888, 'fraction_numerical': 0.006646525679758308, 'mean_word_length': 2.023744292237443, 'pattern_counts': {'":': 0, '<': 61, '<?xml version=': 0, '>': 65, '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': '1083461', 'n_tokens_mistral': 989, 'n_tokens_neox': 987, 'n_words': 206}