<commit_before>import GSAP from 'react-gsap-enhancer'
import { Link } from 'react-router';
import { connect } from 'react-redux';
import {
  showLogin,
  closeLogin
} from '../actions';

class Login extends React.Component {
  render() {
    const { logged_in } = this.props;
    return (logged_in ? this.loggedIn() : this.loginLinks())
  }

  loggedIn() {
    return <div>You are logged in</div>
  }

  loginLinks() {

    const wiki_login = (<div><a className='btn btn--oauth wiki' data-popup="Login with Wikipedia Account" href="/users/auth/mediawiki">Sign in with Wikipedia</a></div>);
    return (
      <div className='py3 login-dialogue' role="dialog" ariaLabelledby="Login to Save Your Playlsit" ariaDescribedby="Login with your facebook, twitter, or wikipedia account.">
        <div className='login-dialogue__container bg-white flex flex-column flex-center'
             ref={(container) => {this.container = container}}>
          <div>
            <p>We only access your: </p>
            <ul>
              <li>Username</li>
              <li>Profile Name</li>
              <li>Account Verification</li>
            </ul>
            <div><a className='mb1 btn btn--oauth twitter' data-popup="Login with Twitter" href="/users/auth/twitter">Sign in with Twitter</a></div>
            <div><a className='mb1 btn btn--oauth facebook' data-popup="Login with Facebook" href="/users/auth/facebook">Sign in with Facebook</a></div>
            {wiki_login}
            <button className='action close-button' onClick={()=>{
              this.props.dispatch(closeLogin(true));
            }}>&#215;</button>
          </div>
        </div>
      </div>
    );
  }

  componentDidMount() {
    this.addAnimation(({target})=> {
      return TweenMax.from(target, 0.5, {
        opacity: 0,
        ease: Power2.easeOut,
        onStart: () => {<commit_msg>Fixed aria attributes<commit_after>import GSAP from 'react-gsap-enhancer'
import { Link } from 'react-router';
import { connect } from 'react-redux';
import {
  showLogin,
  closeLogin
} from '../actions';

class Login extends React.Component {
  render() {
    const { logged_in } = this.props;
    return (logged_in ? this.loggedIn() : this.loginLinks())
  }

  loggedIn() {
    return <div>You are logged in</div>
  }

  loginLinks() {

    const wiki_login = (<div><a className='btn btn--oauth wiki' data-popup="Login with Wikipedia Account" href="/users/auth/mediawiki">Sign in with Wikipedia</a></div>);
    return (
      <div className='py3 login-dialogue' role="dialog" aria-labelledby="Login to Save Your Playlist" aria-describedby="Login with your facebook, twitter, or wikipedia account.">
        <div className='login-dialogue__container bg-white flex flex-column flex-center'
             ref={(container) => {this.container = container}}>
          <div>
            <p>We only access your: </p>
            <ul>
              <li>Username</li>
              <li>Profile Name</li>
              <li>Account Verification</li>
            </ul>
            <div><a className='mb1 btn btn--oauth twitter' data-popup="Login with Twitter" href="/users/auth/twitter">Sign in with Twitter</a></div>
            <div><a className='mb1 btn btn--oauth facebook' data-popup="Login with Facebook" href="/users/auth/facebook">Sign in with Facebook</a></div>
            {wiki_login}
            <button className='action close-button' onClick={()=>{
              this.props.dispatch(closeLogin(true));
            }}>&#215;</button>
          </div>
        </div>
      </div>
    );
  }

  componentDidMount() {
    this.addAnimation(({target})=> {
      return TweenMax.from(target, 0.5, {
        opacity: 0,
        ease: Power2.easeOut,
        onStart: () => {
{'fraction_non_alphanumeric': 0.1495176848874598, 'fraction_numerical': 0.0053590568060021436, 'mean_word_length': 2.6067632850241544, 'pattern_counts': {'":': 0, '<': 67, '<?xml version=': 0, '>': 75, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1050860', 'n_tokens_mistral': 1133, 'n_tokens_neox': 1103, 'n_words': 270}