{"size": 1206, "ext": "js", "max_stars_repo_path": "gesture-app/pages/gestures/new.js", "max_stars_repo_name": "alik604/nwHacks2020", "max_stars_repo_stars_event_min_datetime": "2020-04-05T11:32:08.000Z", "max_stars_repo_stars_event_max_datetime": "2020-04-05T11:32:08.000Z", "max_issues_repo_path": "gesture-app/pages/gestures/new.js", "max_issues_repo_name": "alik604/nwHacks2020", "max_issues_repo_issues_event_min_datetime": "2021-12-09T01:21:08.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-13T04:00:08.000Z", "max_forks_repo_path": "gesture-app/pages/gestures/new.js", "max_forks_repo_name": "alik604/nwHacks2020", "max_forks_repo_forks_event_min_datetime": "2020-04-05T11:32:09.000Z", "max_forks_repo_forks_event_max_datetime": "2020-04-05T11:32:09.000Z"}
{"max_stars_count": 1, "max_issues_count": 2, "max_forks_count": 1, "avg_line_length": 27.4090909091, "max_line_length": 60, "alphanum_fraction": 0.4295190713}
import React, { Component } from 'react'
import Layout from '../../components/Layout'
import { Grid } from 'semantic-ui-react'
import { Link } from '../../routes'
import NewGestureForm from '../../components/NewGestureForm'
import WebcamCapture from "../../components/WebcamCapture";

class New extends Component {
    // Queries our database for gestures
    static async getInitialProps(props) {

        return {
            gestures: [0]
        };
    }

    // Need to define a render method to display
    render() {
        return (
                <Layout>
                    <h3>Create a New Gesture</h3>
                    
                    <Grid divided='vertically'>
                        <Grid.Row>
                            <Grid.Column>
                                <WebcamCapture/>
                            </Grid.Column>
                        </Grid.Row>

                        <Grid.Row>
                            <Grid.Column>
                                <NewGestureForm/>
                            </Grid.Column>
                        </Grid.Row>


                    </Grid>
               </Layout>
        )
               
    }
}

export default New;