text: import React, { Component } from "react";
  import Grid from '@material-ui/core/Grid';
  import Card from '@material-ui/core/Card';
  import CardHeader from "@material-ui/core/CardHeader";
  import CardContent from "@material-ui/core/CardContent";
  
  import ApplicationStore from "../../../stores/ApplicationStore";
  import HTTPIntegrationForm from "./HTTPIntegrationForm";
  
  
  class CreateHTTPIntegration extends Component {
    onSubmit = (integration) => {
      let integr = integration;
      integr.applicationID = this.props.match.params.applicationID;
  
      ApplicationStore.createHTTPIntegration(integr, resp => {
        this.props.history.push(`/organizations/${this.props.match.params.organizationID}/applications/${this.props.match.params.applicationID}/integrations`);
      });
    } 
  
    render() {
      return(
        <Grid container spacing={4}>
          <Grid item xs={12}>
            <Card>
              <CardHeader title="Add HTTP integration" />
              <CardContent>
                <HTTPIntegrationForm submitLabel="Add integration" onSubmit={this.onSubmit} />
              </CardContent>
            </Card>
          </Grid>
        </Grid>
      );
    }
  }
  
  export default CreateHTTPIntegration;
  