<commit_before>import React from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import FlatButton from 'material-ui/FlatButton';
import FontIcon from 'material-ui/FontIcon';
import { Row, Col } from 'react-flexbox-grid/lib/index';

const style = {
    spinner: {
        fontWeight: 700,
        fontSize: '18px',
        paddingTop: '30px',
        paddingBottom: '40px',
        color: '#777'
    }
};

const Render = ({ }) => {
    return (
        <div>
            <Row>
                <Col xs={4} xsOffset={4} style={style.spinner}>
                    <FontIcon className="fa fa-spin fa-spinner"/> Wait for Ledger Connection
                </Col>
            </Row>
            <Row>
                <Col xs={6} xsOffset={3}>
                    Please make sure:
                    <ul>
                        <li>Ledger Device is connected</li>
                        <li>Ethereum App is opened on Ledger Device</li>
                        <li>Browser Mode is switched Off</li>
                    </ul>
                </Col>
            </Row>
        </div>
    )
};

Render.propTypes = {
};

const Component = connect(
    (state, ownProps) => ({
    }),
    (dispatch, ownProps) => ({
    })
)(Render);

export default Component;<commit_msg>problem: can't go back if Ledger is not present<commit_after>import React from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import FlatButton from 'material-ui/FlatButton';
import FontIcon from 'material-ui/FontIcon';
import { Row, Col } from 'react-flexbox-grid/lib/index';
import { gotoScreen } from 'store/screenActions';

const style = {
    spinner: {
        fontWeight: 700,
        fontSize: '18px',
        paddingTop: '30px',
        paddingBottom: '40px',
        color: '#777'
    },
    actions: {
        paddingTop: '40px',
    }
};

const Render = ({ onCancel }) => {
    return (
        <div>
            <Row>
                <Col xs={4} xsOffset={4} style={style.spinner}>
                    <FontIcon className="fa fa-spin fa-spinner"/> Wait for Ledger Connection
                </Col>
            </Row>
            <Row>
                <Col xs={6} xsOffset={3}>
                    Please make sure:
                    <ul>
                        <li>Ledger Device is connected</li>
                        <li>Ethereum App is opened on Ledger Device</li>
                        <li>Browser Mode is switched Off</li>
                    </ul>
                </Col>
            </Row>
            <Row center="xs" style={style.actions}>
                <Col xs>
                    <FlatButton
                        label="Cancel"
                        onClick={onCancel}
                        icon={<FontIcon className="fa fa-cancel" />}/>
                </Col>
            </Row>
        </div>
    )
};

Render.propTypes = {
};

const Component = connect(
    (state, ownProps) => ({
    }),
    (dispatch, ownProps) => ({
        onCancel: () => {
            dispatch(gotoScreen('home'))
        }
    })
)(Render);

export default Component;
{'fraction_non_alphanumeric': 0.13237179487179487, 'fraction_numerical': 0.010897435897435897, 'mean_word_length': 1.5008012820512822, 'pattern_counts': {'":': 0, '<': 47, '<?xml version=': 0, '>': 54, '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': '6340741', 'n_tokens_mistral': 920, 'n_tokens_neox': 863, 'n_words': 224}