<commit_before>import React from 'react';
import Loading from '../../_common/components/loading.jsx';
import SeparatorLine from '../../_common/components/separator_line.jsx';

const Currencies = ({ text, id }) => (
    <React.Fragment>
        <div className='section-divider gr-padding-20 gr-row invisible' id={`${id}_currencies`}>
            <div className='align-self-center border-bottom-light-gray' />
            <div className='faded'>{text}</div>
            <div className='align-self-center border-bottom-light-gray' />
        </div>
        <div className='gr-5 gr-12-m gr-centered'>
            <div className='gr-row gr-row-align-center gr-padding-20 gr-parent currency_list' id={`${id}_currency_list`} />
        </div>
    </React.Fragment>
);

const SetCurrency = () => (
    <React.Fragment>
        <div id='set_currency_loading'>
            <Loading />
        </div>

        <div className='invisible' id='set_currency'>
            <div className='center-text'>
                <div className='invisible' id='hide_new_account'>
                    <h1>{it.L('Select currency')}</h1>
                </div>
                <div className='invisible' id='show_new_account'>
                    <img src={it.url_for('images/pages/set_currency/account-created.svg')} />
                    <div className='gr-padding-10' />
                    <h1>{it.L('Congratulations!')}</h1>
                    <p>{it.L('You have successfully created your account!')}</p>
                </div>

                <SeparatorLine show_mobile className='gr-parent gr-padding-10' invisible />

                <div className='invisible' id='has_currency'>
                    <div>
                        <a className='button' href={it.url_for('cashier/forwardws?action=deposit')}><span>{it.L('Make a Deposit')}</span></a>
                    </div>
                </div>

                <div className='invisible select_currency'>
                    <p>{it.L('Please select the currency of this account:')}</p>
                </div>
            </div>

            <div className='center-text invisible select_currency'>
                <form id='frm_set_currency'>
                    <Currencies id='fiat' text={it.L('Fiat Currency')} />
                    <Currencies id='crypto' text={it.L('Cryptocurrency')} />

                    <p className='invisible error-msg' />
                    <button type='submit'>{it.L('Confirm')}</button>
                </form>
            </div>

            <SeparatorLine show_mobile className='gr-padding-30' sub_class='gr-padding-10' invisible />
        </div>
    </React.Fragment>
);

export default SetCurrency;<commit_msg>Add signup button to MF from MX<commit_after>import React from 'react';
import Loading from '../../_common/components/loading.jsx';
import SeparatorLine from '../../_common/components/separator_line.jsx';

const Currencies = ({ text, id }) => (
    <React.Fragment>
        <div className='section-divider gr-padding-20 gr-row invisible' id={`${id}_currencies`}>
            <div className='align-self-center border-bottom-light-gray' />
            <div className='faded'>{text}</div>
            <div className='align-self-center border-bottom-light-gray' />
        </div>
        <div className='gr-5 gr-12-m gr-centered'>
            <div className='gr-row gr-row-align-center gr-padding-20 gr-parent currency_list' id={`${id}_currency_list`} />
        </div>
    </React.Fragment>
);

const SetCurrency = () => (
    <React.Fragment>
        <div id='set_currency_loading'>
            <Loading />
        </div>

        <div className='invisible' id='set_currency'>
            <div className='center-text'>
                <div className='invisible' id='hide_new_account'>
                    <h1>{it.L('Select currency')}</h1>
                </div>
                <div className='invisible' id='show_new_account'>
                    <img src={it.url_for('images/pages/set_currency/account-created.svg')} />
                    <div className='gr-padding-10' />
                    <h1>{it.L('Congratulations!')}</h1>
                    <p>
                        {it.L('You have successfully created your [_1]account!', `<span data-show="iom">${it.L('gaming')}&nbsp;</span>`)}
                        <br/>
                        {it.L('Please authenticate your account before you make a deposit.')}
                    </p>
                </div>

                <SeparatorLine show_mobile className='gr-parent gr-padding-10' invisible />

                <div className='invisible' id='has_currency'>
                    <div>
                        <a className='button' href={it.url_for('cashier/forwardws?action=deposit')}><span>{it.L('Make a Deposit')}</span></a>
                    </div>
                </div>

                <div className='invisible select_currency'>
                    <p>{it.L('Please select the currency of this account:')}</p>
                </div>
            </div>

            <div className='center-text invisible select_currency'>
                <form id='frm_set_currency'>
                    <Currencies id='fiat' text={it.L('Fiat Currency')} />
                    <Currencies id='crypto' text={it.L('Cryptocurrency')} />

                    <p className='invisible error-msg' />
                    <button type='submit'>{it.L('Confirm')}</button>
                </form>
            </div>

            <div data-show='iom' className='center-text'>
                <SeparatorLine show_mobile className='gr-child gr-padding-10' />

                <p><strong>{it.L('Open a Financial Account')}</strong></p>
                <p>{it.L('Your gaming account (MX) limits you to trading on Volatility Indices. If you’d like to trade on the other markets we offer, please create a financial account (MF) instead.')}</p>
                <a className='button-secondary' href={it.url_for('new_account/maltainvestws')}><span>{it.L('Create Financial Account')}</span></a>

                <SeparatorLine show_mobile className='gr-parent gr-padding-10' invisible />

                <p className='hint'>{it.L('Note: Funds cannot be transferred between financial and gaming accounts. Both accounts need to be authenticated separately.')}</p>
            </div>

            <SeparatorLine show_mobile className='gr-padding-10' sub_class='gr-padding-10' invisible />
        </div>
    </React.Fragment>
);

export default SetCurrency;
{'fraction_non_alphanumeric': 0.15345387111729253, 'fraction_numerical': 0.006645031679802195, 'mean_word_length': 1.9797421731123388, 'pattern_counts': {'":': 0, '<': 132, '<?xml version=': 0, '>': 136, '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': '2964757', 'n_tokens_mistral': 1873, 'n_tokens_neox': 1777, 'n_words': 361}