{"size": 709, "ext": "js", "max_stars_repo_path": "app/components/display_window/index.js", "max_stars_repo_name": "MissouriMRR/dab", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "app/components/display_window/index.js", "max_issues_repo_name": "MissouriMRR/dab", "max_issues_repo_issues_event_min_datetime": "2019-07-21T23:24:57.000Z", "max_issues_repo_issues_event_max_datetime": "2019-07-21T23:33:15.000Z", "max_forks_repo_path": "app/components/display_window/index.js", "max_forks_repo_name": "MissouriMRR/dab", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 2, "max_forks_count": null, "avg_line_length": 20.2571428571, "max_line_length": 71, "alphanum_fraction": 0.6375176305}
import React, { Component } from 'react';
import styles from './index.css';

/*
Currently just displays text.
In the future should be able to do things like display video, flight
variables like altitude, and allow you to send custom terminal commands
to the drone.
*/
class DisplayWindow extends Component {
  constructor(props) {
    super(props);
    this.state = {
      message: 'Welcome to the Drone Action Board'
    };
  }

  changeStatus = () => {
    this.setState({
      message: 'Changed'
    });
  };

  render() {
    const { message } = this.state;
    return (
      <div className={styles.DebugMainDisplay}>
        <h1>{message}</h1>
      </div>
    );
  }
}

export default DisplayWindow;
