{"size": 2959, "ext": "js", "max_stars_repo_path": "src/Pages/includes/Information/Eula.js", "max_stars_repo_name": "thaivan1437/sm", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/Pages/includes/Information/Eula.js", "max_issues_repo_name": "thaivan1437/sm", "max_issues_repo_issues_event_min_datetime": "2020-11-25T05:10:50.000Z", "max_issues_repo_issues_event_max_datetime": "2020-11-28T03:21:16.000Z", "max_forks_repo_path": "src/Pages/includes/Information/Eula.js", "max_forks_repo_name": "thaivan1437/sm", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 3, "max_forks_count": null, "avg_line_length": 50.1525423729, "max_line_length": 150, "alphanum_fraction": 0.3190266982}
import React, { Component } from 'react';
import { Row, Col, Container } from "react-bootstrap";
import EulaIOS from "./EulaIOS";
import EulaAndroid from "./EulaAndroid";

class Eula extends Component {
    constructor(props) {
        super(props);
        this.state = {
            selected: null,
            innerHeight: 0
        }
    }

    componentDidMount() {
        this.setState({
            innerHeight: window.innerHeight
        })
    }

    render() {
        return (
            <div>
                <section className="get-about" style={{ backgroundColor: "#FFF", height: this.state.innerHeight }}>
                          <Container>
                                    <div className="justify-content-center">
                                        <h3 className="text-center pt-2 text-style-one">EULA — End User License Agreement</h3>
                                    </div>
                                    <div className="container-fluid">
                                        <div className="row justify-content-center">
                                            <div className="container pt-4 pb-4">
                                                <center>
                                                    <Row style={{ marginTop: 100 }}>
                                                        <Col>
                                                            <a href={`/eula/ios${this.props.modal === true ? "?headless=1&on=web" : ""}`}>
                                                                <img src={require("../../../static/image/icon_ios.png")} style={{ width: 100 }} />
                                                                <p className="text-center pt-2 text-style-one" style={{ color: '#000' }}>iOS</p>
                                                            </a>
                                                        </Col>
                                                        <Col>
                                                        <a href={`/eula/android${this.props.modal === true ? "?headless=1&on=web" : ""}`}>
                                                                <img src={require("../../../static/image/icon_android.png")} style={{ width: 100 }} />
                                                                <p className="text-center pt-2 text-style-one" style={{ color: '#000' }}>Android</p>
                                                            </a>
                                                        </Col>
                                                    </Row>
                                                </center>
                                            </div>
                                        </div>
                                    </div>
                                </Container>
                </section>

            </div>
                );
            }
        }
        
export default Eula;