awx/awx/ui_next/src/screens/Application/ApplicationEdit/ApplicationEdit.jsx

import React, { useState } from 'react';
import { useHistory, useParams } from 'react-router-dom';

import { Card, PageSection } from '@patternfly/react-core';
import ApplicationForm from '../shared/ApplicationForm';
import { ApplicationsAPI } from '../../../api';
import { CardBody } from '../../../components/Card';

function ApplicationEdit({
  application,
  authorizationOptions,
  clientTypeOptions,
}) {
  const history = useHistory();
  const { id } = useParams();
  const [submitError, setSubmitError] = useState(null);

  const handleSubmit = async ({ ...values }) => {
    values.organization = values.organization.id;
    try {
      await ApplicationsAPI.update(id, values);
      history.push(`/applications/${id}/details`);
    } catch (err) {
      setSubmitError(err);
    }
  };

  const handleCancel = () => {
    history.push(`/applications/${id}/details`);
  };
  return (
    <>
      <PageSection>
        <Card>
          <CardBody>
            <ApplicationForm
              onSubmit={handleSubmit}
              application={application}
              onCancel={handleCancel}
              authorizationOptions={authorizationOptions}
              clientTypeOptions={clientTypeOptions}
              submitError={submitError}
            />
          </CardBody>
        </Card>
      </PageSection>
    </>
  );
}
export default ApplicationEdit;