<commit_before>import React from 'react';
import {connect} from 'react-redux';
import SvgImage from 'app/components/elements/SvgImage';
import AddToWaitingList from 'app/components/modules/AddToWaitingList';
import { translate } from 'app/Translator';
import { formatCoins } from 'app/utils/FormatCoins';
import { localizedCurrency } from 'app/components/elements/LocalizedCurrency';

class SignUp extends React.Component {
    constructor() {
        super();
        this.state = {waiting_list: false};
    }
    render() {
        if ($STM_Config.read_only_mode) {
            return <div className="row">
                <div className="column">
                    <div className="callout alert">
                        <p>{translate("read_only_mode")}</p>
                    </div>
                </div>
            </div>;
        }

        if (this.props.serverBusy || $STM_Config.disable_signups) {
            return <div className="row">
                <div className="column callout" style={{margin: '20px', padding: '40px'}}>
                    <p>
                        {translate("membership_invitation_only") + ' ' + translate("submit_email_to_get_on_waiting_list")}
                    </p>
                    <AddToWaitingList />
                </div>
            </div>;
        }

        return <div className="SignUp">
            <div className="row">
                <div className="column">
                    <h3>{translate("sign_up")}</h3>
                    <p>
                        {translate("we_require_social_account", {signup_bonus: localizedCurrency(this.props.signup_bonus)})}
                        <br />
                        {translate("personal_info_will_be_private")}
                        {' '}
                        <a href="/privacy.html" target="_blank">
                            {translate("personal_info_will_be_private_link")}
                        </a>.
                    </p>
                </div>
            </div>
            <div className="row">
                <div className="column large-4 shrink">
                    <SvgImage name="vk" width="64px" height="64px" />
                </div>
                <div className="column large-8">
                    <a href="/connect/vk" className="button SignUp--vk-button">
                        {translate("continue_with_vk")}
                    </a>
                </div>
                &nbsp;
            </div>
            <div className="row">
              </div>
              <div className="row">
                  <div className="column large-4 shrink">
                      <SvgImage name="facebook" width="64px" height="64px" />
                  </div>
                  <div className="column large-8">
                      <a href="/connect/facebook" className="button SignUp--fb-button">{translate("continue_with_facebook")}</a>
                  </div>
              </div>
              <div className="row">
              &nbsp;
            </div>
            {/*<div className="row">
                <div className="column large-4 shrink">
                    <SvgImage name="reddit" width="64px" height="64px" />
                </div>
                <div className="column large-8">
                    <a href="/connect/reddit" className="button SignUp--reddit-button">
                        {translate("continue_with_reddit")}
                    </a>
                    <br />
                    <span className="secondary">
                        ({translate("requires_5_or_more_reddit_comment_karma")})
                    </span>
                </div>
            </div>*/}

            {/*<div className="row">
                <div className="column">
                      <br /><commit_msg>(SignUp) disable facebook login button<commit_after>import React from 'react';
import {connect} from 'react-redux';
import SvgImage from 'app/components/elements/SvgImage';
import AddToWaitingList from 'app/components/modules/AddToWaitingList';
import { translate } from 'app/Translator';
import { formatCoins } from 'app/utils/FormatCoins';
import { localizedCurrency } from 'app/components/elements/LocalizedCurrency';

class SignUp extends React.Component {
    constructor() {
        super();
        this.state = {waiting_list: false};
    }
    render() {
        if ($STM_Config.read_only_mode) {
            return <div className="row">
                <div className="column">
                    <div className="callout alert">
                        <p>{translate("read_only_mode")}</p>
                    </div>
                </div>
            </div>;
        }

        if (this.props.serverBusy || $STM_Config.disable_signups) {
            return <div className="row">
                <div className="column callout" style={{margin: '20px', padding: '40px'}}>
                    <p>
                        {translate("membership_invitation_only") + ' ' + translate("submit_email_to_get_on_waiting_list")}
                    </p>
                    <AddToWaitingList />
                </div>
            </div>;
        }

        return <div className="SignUp">
            <div className="row">
                <div className="column">
                    <h3>{translate("sign_up")}</h3>
                    <p>
                        {translate("we_require_social_account", {signup_bonus: localizedCurrency(this.props.signup_bonus)})}
                        <br />
                        {translate("personal_info_will_be_private")}
                        {' '}
                        <a href="/privacy.html" target="_blank">
                            {translate("personal_info_will_be_private_link")}
                        </a>.
                    </p>
                </div>
            </div>
            <div className="row">
                <div className="column large-4 shrink">
                    <SvgImage name="vk" width="64px" height="64px" />
                </div>
                <div className="column large-8">
                    <a href="/connect/vk" className="button SignUp--vk-button">
                        {translate("continue_with_vk")}
                    </a>
                </div>
                &nbsp;
            </div>
            <div className="row">
              </div>
              {/* commented out because currently this does not work */}
              {/* <div className="row">
                  <div className="column large-4 shrink">
                      <SvgImage name="facebook" width="64px" height="64px" />
                  </div>
                  <div className="column large-8">
                      <a href="/connect/facebook" className="button SignUp--fb-button">{translate("continue_with_facebook")}</a>
                  </div>
              </div> */}
              <div className="row">
              &nbsp;
            </div>
            {/*<div className="row">
                <div className="column large-4 shrink">
                    <SvgImage name="reddit" width="64px" height="64px" />
                </div>
                <div className="column large-8">
                    <a href="/connect/reddit" className="button SignUp--reddit-button">
                        {translate("continue_with_reddit")}
                    </a>
                    <br />
                    <span className="secondary">
                        ({translate("requires_5_or_more_reddit_comment_karma")})
                    </span>
                </div>
            </div>*/}

            {/*<div className="row">
                <div className="column">
                      <br />
{'fraction_non_alphanumeric': 0.13026419042636672, 'fraction_numerical': 0.006539366989275438, 'mean_word_length': 1.3493087557603687, 'pattern_counts': {'":': 0, '<': 131, '<?xml version=': 0, '>': 131, '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': '7370034', 'n_tokens_mistral': 2018, 'n_tokens_neox': 1889, 'n_words': 364}