From d1a4f010b96e58a2b52cb7a425acf19858537800 Mon Sep 17 00:00:00 2001
From: Jake McDermott <yo@jakemcdermott.me>
Date: Wed, 15 Jul 2020 12:05:39 -0400
Subject: [PATCH] Show grant and client type validation errors

---
 .../Application/shared/ApplicationForm.jsx        | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/awx/ui_next/src/screens/Application/shared/ApplicationForm.jsx b/awx/ui_next/src/screens/Application/shared/ApplicationForm.jsx
index 2ffb2ebfb8..6857470ce8 100644
--- a/awx/ui_next/src/screens/Application/shared/ApplicationForm.jsx
+++ b/awx/ui_next/src/screens/Application/shared/ApplicationForm.jsx
@@ -39,6 +39,7 @@ function ApplicationFormFields({
     name: 'client_type',
     validate: required(null, i18n),
   });
+
   return (
     <>
       <FormField
@@ -68,8 +69,12 @@ function ApplicationFormFields({
       <FormGroup
         fieldId="authType"
         helperTextInvalid={authorizationTypeMeta.error}
+        validated={
+          !authorizationTypeMeta.touched || !authorizationTypeMeta.error
+            ? 'default'
+            : 'error'
+        }
         isRequired
-        isValid={!authorizationTypeMeta.touched || !authorizationTypeMeta.error}
         label={i18n._(t`Authorization grant type`)}
       >
         <FieldTooltip
@@ -79,6 +84,9 @@ function ApplicationFormFields({
         />
         <AnsibleSelect
           {...authorizationTypeField}
+          isValid={
+            !authorizationTypeMeta.touched || !authorizationTypeMeta.error
+          }
           isDisabled={match.url.endsWith('edit')}
           id="authType"
           data={[{ label: '', key: 1, value: '' }, ...authorizationOptions]}
@@ -105,8 +113,10 @@ function ApplicationFormFields({
       <FormGroup
         fieldId="clientType"
         helperTextInvalid={clientTypeMeta.error}
+        validated={
+          !clientTypeMeta.touched || !clientTypeMeta.error ? 'default' : 'error'
+        }
         isRequired
-        isValid={!clientTypeMeta.touched || !clientTypeMeta.error}
         label={i18n._(t`Client type`)}
       >
         <FieldTooltip
@@ -116,6 +126,7 @@ function ApplicationFormFields({
         />
         <AnsibleSelect
           {...clientTypeField}
+          isValid={!clientTypeMeta.touched || !clientTypeMeta.error}
           id="clientType"
           data={[{ label: '', key: 1, value: '' }, ...clientTypeOptions]}
           onChange={(event, value) => {