add docs links to notification templates, project scm

awx/ui_next/src/screens/NotificationTemplate/shared/CustomMessagesSubForm.jsx

@@ -1,6 +1,6 @@
 import 'styled-components/macro';
 import React, { useEffect, useRef } from 'react';
-import { Trans, withI18n } from '@lingui/react';
+import { withI18n } from '@lingui/react';
 import { t } from '@lingui/macro';
 import { useField, useFormikContext } from 'formik';
 import { Switch, Text } from '@patternfly/react-core';
@@ -9,6 +9,8 @@ import {
   SubFormLayout,
 } from '../../../components/FormLayout';
 import CodeEditorField from '../../../components/CodeEditor/CodeEditorField';
+import { useConfig } from '../../../contexts/Config';
+import getDocsBaseUrl from '../../../util/getDocsBaseUrl';
 
 function CustomMessagesSubForm({ defaultMessages, type, i18n }) {
   const [useCustomField, , useCustomHelpers] = useField('useCustomMessages');
@@ -16,6 +18,7 @@ function CustomMessagesSubForm({ defaultMessages, type, i18n }) {
   const showBodies = ['email', 'pagerduty', 'webhook'].includes(type);
 
   const { setFieldValue } = useFormikContext();
+  const config = useConfig();
   const mountedRef = useRef(null);
   useEffect(
     function resetToDefaultMessages() {
@@ -69,11 +72,9 @@ function CustomMessagesSubForm({ defaultMessages, type, i18n }) {
             css="margin-bottom: var(--pf-c-content--MarginBottom)"
           >
             <small>
-              <Trans>
+              {i18n._(t`Use custom messages to change the content of
-                Use custom messages to change the content of notifications sent
+                notifications sent when a job starts, succeeds, or fails. Use
-                when a job starts, succeeds, or fails. Use curly braces to
+                curly braces to access information about the job:`)}{' '}
-                access information about the job:{' '}
-              </Trans>
               <code>
                 {'{{'} job_friendly_name {'}}'}
               </code>
@@ -81,23 +82,22 @@ function CustomMessagesSubForm({ defaultMessages, type, i18n }) {
               <code>
                 {'{{'} url {'}}'}
               </code>
-              , <Trans>or attributes of the job such as</Trans>{' '}
+              ,{' '}
               <code>
                 {'{{'} job.status {'}}'}
               </code>
               .{' '}
-              <Trans>
+              {i18n._(t`You may apply a number of possible variables in the
-                You may apply a number of possible variables in the message.
+                message. For more information, refer to the`)}{' '}
-                Refer to the{' '}
-              </Trans>{' '}
               <a
-                href="https://docs.ansible.com/ansible-tower/latest/html/userguide/notifications.html#create-custom-notifications"
                 target="_blank"
                 rel="noopener noreferrer"
+                href={`${getDocsBaseUrl(
+                  config
+                )}/html/userguide/notifications.html#create-custom-notifications`}
               >
-                Ansible Tower documentation
+                {i18n._(t`Ansible Tower Documentation.`)}
-              </a>{' '}
+              </a>
-              <Trans>for more details.</Trans>
             </small>
           </Text>
           <FormFullWidthLayout>

awx/ui_next/src/screens/Project/shared/ProjectSubForms/GitSubForm.jsx

@@ -9,13 +9,17 @@ import {
   ScmCredentialFormField,
   ScmTypeOptions,
 } from './SharedFields';
+import { useConfig } from '../../../../contexts/Config';
+import getDocsBaseUrl from '../../../../util/getDocsBaseUrl';
 
 const GitSubForm = ({
   i18n,
   credential,
   onCredentialSelection,
   scmUpdateOnLaunch,
-}) => (
+}) => {
+  const config = useConfig();
+  return (
     <>
       <UrlFormField
         i18n={i18n}
@@ -80,7 +84,9 @@ const GitSubForm = ({
             <a
               target="_blank"
               rel="noopener noreferrer"
-            href="https://docs.ansible.com/ansible-tower/latest/html/userguide/projects.html#manage-playbooks-using-source-control"
+              href={`${getDocsBaseUrl(
+                config
+              )}/html/userguide/projects.html#manage-playbooks-using-source-control`}
             >
               {i18n._(t`Ansible Tower Documentation.`)}
             </a>
@@ -94,5 +100,6 @@ const GitSubForm = ({
       <ScmTypeOptions scmUpdateOnLaunch={scmUpdateOnLaunch} />
     </>
   );
+};
 
 export default withI18n()(GitSubForm);