<commit_before>import React, { Component } from 'react';
import injectStyles from 'react-jss';
import ReactPlayer from 'react-player';
import Modal from 'react-modal';
import logo from './logo-dark.svg';
import config from '../../config';
import { button, gutters } from './global-style';

const modalStyles = {
    content: {
        backgroundColor: 'black',
        border: 'none',
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
    },
    overlay: {
        position: 'fixed',
        top: 0,
        left: 0,
        right: 0,
        bottom: 0,
        backgroundColor: 'black',
    },
};

const style = {
    container: {
        minHeight: '100vh',
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        justifyContent: 'center',
        backgroundSize: 'contain',
    },
    logo: {
        backgroundImage: `url(${logo})`,
        backgroundRepeat: 'no-repeat',
        backgroundSize: 'contain',
        textIndent: -100001,
        maxWidth: 650,
        width: '100%',
        height: 200,
    },
    button,
    closeModalButton: {
        ...button,
        display: 'block',
        marginLeft: 'auto',
        marginRight: 'auto',
        marginTop: gutters.large * 2,
    },
};

@injectStyles(style)
class Header extends Component {
    state = {
        isModalOpen: false,
    };

    closeModal = () => {
        this.setState({
            isModalOpen: false,
        });
    };

    openModal = () => {
        this.setState({
            isModalOpen: true,
        });
    };

    render() {
        const {sheet: {classes}} = this.props;
        const {isModalOpen} = this.state;

        return (
            <div className={classes.container}>
                <h1 className={classes.logo}>Full on</h1>
                <Modal
                    isOpen={isModalOpen}
                    onRequestClose={this.closeModal}
                    style={modalStyles}
                >
                    <ReactPlayer
                        url={config.trailerUrl}
                        playing
                        onEnded={this.closeModal}
                        width={800}
                        height={450}
                        style={{maxWidth: '100vw'}}
                    />
                    <button
                        className={classes.closeModalButton}
                        onClick={this.closeModal}
                    >
                        close
                    </button>
                </Modal>
                <button
                    onClick={this.openModal}
                    className={classes.button}
                >
                    Watch trailer
                </button>
            </div>
        );
    }
}

export default Header;
<commit_msg>Changed video button text<commit_after>import React, { Component } from 'react';
import injectStyles from 'react-jss';
import ReactPlayer from 'react-player';
import Modal from 'react-modal';
import logo from './logo-dark.svg';
import config from '../../config';
import { button, gutters } from './global-style';

const modalStyles = {
    content: {
        backgroundColor: 'black',
        border: 'none',
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
    },
    overlay: {
        position: 'fixed',
        top: 0,
        left: 0,
        right: 0,
        bottom: 0,
        backgroundColor: 'black',
    },
};

const style = {
    container: {
        minHeight: '100vh',
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        justifyContent: 'center',
        backgroundSize: 'contain',
    },
    logo: {
        backgroundImage: `url(${logo})`,
        backgroundRepeat: 'no-repeat',
        backgroundSize: 'contain',
        textIndent: -100001,
        maxWidth: 650,
        width: '100%',
        height: 200,
    },
    button,
    closeModalButton: {
        ...button,
        display: 'block',
        marginLeft: 'auto',
        marginRight: 'auto',
        marginTop: gutters.large * 2,
    },
};

@injectStyles(style)
class Header extends Component {
    state = {
        isModalOpen: false,
    };

    closeModal = () => {
        this.setState({
            isModalOpen: false,
        });
    };

    openModal = () => {
        this.setState({
            isModalOpen: true,
        });
    };

    render() {
        const {sheet: {classes}} = this.props;
        const {isModalOpen} = this.state;

        return (
            <div className={classes.container}>
                <h1 className={classes.logo}>Full on</h1>
                <Modal
                    isOpen={isModalOpen}
                    onRequestClose={this.closeModal}
                    style={modalStyles}
                >
                    <ReactPlayer
                        url={config.trailerUrl}
                        playing
                        onEnded={this.closeModal}
                        width={800}
                        height={450}
                        style={{maxWidth: '100vw'}}
                    />
                    <button
                        className={classes.closeModalButton}
                        onClick={this.closeModal}
                    >
                        Close Video
                    </button>
                </Modal>
                <button
                    onClick={this.openModal}
                    className={classes.button}
                >
                    What is FULL ON? Video
                </button>
            </div>
        );
    }
}

export default Header;

{'fraction_non_alphanumeric': 0.11807399539741548, 'fraction_numerical': 0.012037528766153301, 'mean_word_length': 1.2911597729115978, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 29, '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': '1831026', 'n_tokens_mistral': 1538, 'n_tokens_neox': 1443, 'n_words': 319}