From c84fac65e0f6ba1878a1420bdec926f035f7ec6c Mon Sep 17 00:00:00 2001
From: Marliana Lara <mlara@redhat.com>
Date: Tue, 26 Apr 2022 11:50:36 -0400
Subject: [PATCH] Add organization, host, and credential type detail view help
 text.

---
 .../CredentialTypeDetails/CredentialTypeDetails.js  |  2 ++
 awx/ui/src/screens/Host/HostDetail/HostDetail.js    |  1 +
 .../OrganizationDetail/OrganizationDetail.js        | 13 ++++++++++++-
 .../src/screens/User/UserTokenAdd/UserTokenAdd.js   |  4 ++--
 4 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/awx/ui/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.js b/awx/ui/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.js
index 6244214939..623120ba2d 100644
--- a/awx/ui/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.js
+++ b/awx/ui/src/screens/CredentialType/CredentialTypeDetails/CredentialTypeDetails.js
@@ -76,6 +76,7 @@ function CredentialTypeDetails({ credentialType }) {
           rows={6}
           name="input"
           dataCy="credential-type-detail-input"
+          helpText={t`Input schema which defines a set of ordered fields for that type.`}
         />
         <VariablesDetail
           label={t`Injector configuration`}
@@ -83,6 +84,7 @@ function CredentialTypeDetails({ credentialType }) {
           rows={6}
           name="injector"
           dataCy="credential-type-detail-injector"
+          helpText={t`Environment variables or extra variables that specify the values a credential type can inject.`}
         />
         <UserDateDetail
           label={t`Created`}
diff --git a/awx/ui/src/screens/Host/HostDetail/HostDetail.js b/awx/ui/src/screens/Host/HostDetail/HostDetail.js
index 7cbd5e4442..02556819ad 100644
--- a/awx/ui/src/screens/Host/HostDetail/HostDetail.js
+++ b/awx/ui/src/screens/Host/HostDetail/HostDetail.js
@@ -74,6 +74,7 @@ function HostDetail({ host }) {
         <Detail
           label={t`Inventory`}
           dataCy="host-inventory"
+          helpText={t`The inventory that this host belongs to.`}
           value={
             <Link to={`/inventories/inventory/${inventory.id}/details`}>
               {inventory.name}
diff --git a/awx/ui/src/screens/Organization/OrganizationDetail/OrganizationDetail.js b/awx/ui/src/screens/Organization/OrganizationDetail/OrganizationDetail.js
index 333a53bde7..4dfbc4247e 100644
--- a/awx/ui/src/screens/Organization/OrganizationDetail/OrganizationDetail.js
+++ b/awx/ui/src/screens/Organization/OrganizationDetail/OrganizationDetail.js
@@ -94,12 +94,22 @@ function OrganizationDetail({ organization }) {
         />
         <Detail label={t`Description`} value={description} />
         {license_info?.license_type !== 'open' && (
-          <Detail label={t`Max Hosts`} value={`${max_hosts}`} />
+          <Detail
+            label={t`Max Hosts`}
+            value={`${max_hosts}`}
+            helpText={t`The maximum number of hosts allowed to be managed by
+            this organization. Value defaults to 0 which means no limit.
+            Refer to the Ansible documentation for more details.`}
+          />
         )}
         <ExecutionEnvironmentDetail
           virtualEnvironment={custom_virtualenv}
           executionEnvironment={summary_fields?.default_environment}
           isDefaultEnvironment
+          helpText={t`The execution environment that will be used for jobs
+          inside of this organization. This will be used a fallback when
+          an execution environment has not been explicitly assigned at the
+          project, job template or workflow level.`}
         />
         <UserDateDetail
           label={t`Created`}
@@ -115,6 +125,7 @@ function OrganizationDetail({ organization }) {
           <Detail
             fullWidth
             label={t`Instance Groups`}
+            helpText={t`The Instance Groups for this Organization to run on.`}
             value={
               <ChipGroup
                 numChips={5}
diff --git a/awx/ui/src/screens/User/UserTokenAdd/UserTokenAdd.js b/awx/ui/src/screens/User/UserTokenAdd/UserTokenAdd.js
index 015c27591f..2463a03283 100644
--- a/awx/ui/src/screens/User/UserTokenAdd/UserTokenAdd.js
+++ b/awx/ui/src/screens/User/UserTokenAdd/UserTokenAdd.js
@@ -4,7 +4,7 @@ import { useHistory, useParams } from 'react-router-dom';
 import { CardBody } from 'components/Card';
 import { TokensAPI, UsersAPI } from 'api';
 import useRequest from 'hooks/useRequest';
-import UserTokenFrom from '../shared/UserTokenForm';
+import UserTokenForm from '../shared/UserTokenForm';
 
 function UserTokenAdd({ onSuccessfulAdd }) {
   const history = useHistory();
@@ -36,7 +36,7 @@ function UserTokenAdd({ onSuccessfulAdd }) {
 
   return (
     <CardBody>
-      <UserTokenFrom
+      <UserTokenForm
         handleCancel={handleCancel}
         handleSubmit={handleSubmit}
         submitError={submitError}