@@ -255,7 +257,11 @@ const FrequencyDetailSubform = ({ i18n }) => {
fieldId="schedule-days-of-week"
helperTextInvalid={daysOfWeekMeta.error}
isRequired
- validated={(!daysOfWeekMeta.touched || !daysOfWeekMeta.error) ? 'default' : 'error'}
+ validated={
+ !daysOfWeekMeta.touched || !daysOfWeekMeta.error
+ ? 'default'
+ : 'error'
+ }
label={i18n._(t`On days`)}
>
@@ -339,7 +345,9 @@ const FrequencyDetailSubform = ({ i18n }) => {
fieldId="schedule-run-on"
helperTextInvalid={runOnMeta.error}
isRequired
- validated={(!runOnMeta.touched || !runOnMeta.error) ? 'default' : 'error'}
+ validated={
+ !runOnMeta.touched || !runOnMeta.error ? 'default' : 'error'
+ }
label={i18n._(t`Run on`)}
>
{
fieldId="schedule-end"
helperTextInvalid={endMeta.error}
isRequired
- validated={(!endMeta.touched || !endMeta.error) ? 'default' : 'error'}
+ validated={!endMeta.touched || !endMeta.error ? 'default' : 'error'}
label={i18n._(t`End`)}
>
{
fieldId="schedule-end-datetime"
helperTextInvalid={endDateTimeMeta.error}
isRequired
- validated={(!endDateTimeMeta.touched || !endDateTimeMeta.error) ? 'default' : 'error'}
+ validated={
+ !endDateTimeMeta.touched || !endDateTimeMeta.error
+ ? 'default'
+ : 'error'
+ }
label={i18n._(t`End date/time`)}
>
{frequency.value !== 'none' && (
- {i18n._(t`Frequency Details`)}
+
+ {i18n._(t`Frequency Details`)}
+
diff --git a/awx/ui_next/src/components/Search/Search.test.jsx b/awx/ui_next/src/components/Search/Search.test.jsx
index 3163aa8032..7099fba6b0 100644
--- a/awx/ui_next/src/components/Search/Search.test.jsx
+++ b/awx/ui_next/src/components/Search/Search.test.jsx
@@ -1,8 +1,5 @@
import React from 'react';
-import {
- Toolbar,
- ToolbarContent,
-} from '@patternfly/react-core';
+import { Toolbar, ToolbarContent } from '@patternfly/react-core';
import { createMemoryHistory } from 'history';
import { act } from 'react-dom/test-utils';
import { mountWithContexts } from '../../../testUtils/enzymeHelpers';
diff --git a/awx/ui_next/src/components/SelectedList/SelectedList.jsx b/awx/ui_next/src/components/SelectedList/SelectedList.jsx
index b13fa96162..57795eb7e5 100644
--- a/awx/ui_next/src/components/SelectedList/SelectedList.jsx
+++ b/awx/ui_next/src/components/SelectedList/SelectedList.jsx
@@ -30,7 +30,7 @@ class SelectedList extends Component {
const renderChip =
renderItemChip ||
(({ item, removeItem }) => (
-
+
{item[displayKey]}
));
diff --git a/awx/ui_next/src/screens/AuthSetting/AuthSettings.jsx b/awx/ui_next/src/screens/AuthSetting/AuthSettings.jsx
index 26652113bb..e9f79a452a 100644
--- a/awx/ui_next/src/screens/AuthSetting/AuthSettings.jsx
+++ b/awx/ui_next/src/screens/AuthSetting/AuthSettings.jsx
@@ -15,7 +15,9 @@ class AuthSettings extends Component {
return (
- {i18n._(t`Authentication Settings`)}
+
+ {i18n._(t`Authentication Settings`)}
+
diff --git a/awx/ui_next/src/screens/Credential/shared/CredentialForm.jsx b/awx/ui_next/src/screens/Credential/shared/CredentialForm.jsx
index e66a2accf0..bc486bb8b1 100644
--- a/awx/ui_next/src/screens/Credential/shared/CredentialForm.jsx
+++ b/awx/ui_next/src/screens/Credential/shared/CredentialForm.jsx
@@ -104,7 +104,9 @@ function CredentialFormFields({
fieldId="credential-credentialType"
helperTextInvalid={credTypeMeta.error}
isRequired
- validated={(!credTypeMeta.touched || !credTypeMeta.error) ? 'default' : 'error'}
+ validated={
+ !credTypeMeta.touched || !credTypeMeta.error ? 'default' : 'error'
+ }
label={i18n._(t`Credential Type`)}
>
{field?.value?.credential ? (
diff --git a/awx/ui_next/src/screens/Credential/shared/CredentialSubForms/GoogleComputeEngineSubForm.jsx b/awx/ui_next/src/screens/Credential/shared/CredentialSubForms/GoogleComputeEngineSubForm.jsx
index 89fa0d0230..85445b7aa2 100644
--- a/awx/ui_next/src/screens/Credential/shared/CredentialSubForms/GoogleComputeEngineSubForm.jsx
+++ b/awx/ui_next/src/screens/Credential/shared/CredentialSubForms/GoogleComputeEngineSubForm.jsx
@@ -33,7 +33,7 @@ const GoogleComputeEngineSubForm = ({ i18n }) => {
- {i18n._(t`Dashboard`)}
+
+ {i18n._(t`Dashboard`)}
+
diff --git a/awx/ui_next/src/screens/InstanceGroup/InstanceGroups.jsx b/awx/ui_next/src/screens/InstanceGroup/InstanceGroups.jsx
index 80f5b942cb..9a973bccc0 100644
--- a/awx/ui_next/src/screens/InstanceGroup/InstanceGroups.jsx
+++ b/awx/ui_next/src/screens/InstanceGroup/InstanceGroups.jsx
@@ -15,7 +15,9 @@ class InstanceGroups extends Component {
return (
- {i18n._(t`Instance Groups`)}
+
+ {i18n._(t`Instance Groups`)}
+
diff --git a/awx/ui_next/src/screens/Inventory/InventoryDetail/InventoryDetail.jsx b/awx/ui_next/src/screens/Inventory/InventoryDetail/InventoryDetail.jsx
index 6927df79d4..5b0c91ba5d 100644
--- a/awx/ui_next/src/screens/Inventory/InventoryDetail/InventoryDetail.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventoryDetail/InventoryDetail.jsx
@@ -81,9 +81,7 @@ function InventoryDetail({ inventory, i18n }) {
value={
{instanceGroups.map(ig => (
-
- {ig.name}
-
+ {ig.name}
))}
}
diff --git a/awx/ui_next/src/screens/Inventory/InventoryGroups/InventoryGroupsList.test.jsx b/awx/ui_next/src/screens/Inventory/InventoryGroups/InventoryGroupsList.test.jsx
index 8d3ccf9c68..5b72b4d528 100644
--- a/awx/ui_next/src/screens/Inventory/InventoryGroups/InventoryGroupsList.test.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventoryGroups/InventoryGroupsList.test.jsx
@@ -163,9 +163,7 @@ describe('', () => {
});
wrapper.update();
await act(async () => {
- wrapper
- .find('Toolbar Button[aria-label="Delete"]')
- .invoke('onClick')();
+ wrapper.find('Toolbar Button[aria-label="Delete"]').invoke('onClick')();
});
await waitForElement(
wrapper,
@@ -197,9 +195,7 @@ describe('', () => {
});
wrapper.update();
await act(async () => {
- wrapper
- .find('Toolbar Button[aria-label="Delete"]')
- .invoke('onClick')();
+ wrapper.find('Toolbar Button[aria-label="Delete"]').invoke('onClick')();
});
await waitForElement(
wrapper,
diff --git a/awx/ui_next/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.jsx b/awx/ui_next/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.jsx
index de11a2206e..ecb9ce577d 100644
--- a/awx/ui_next/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.jsx
+++ b/awx/ui_next/src/screens/Inventory/InventorySourceDetail/InventorySourceDetail.jsx
@@ -248,9 +248,7 @@ function InventorySourceDetail({ inventorySource, i18n }) {
totalChips={source_regions.split(',').length}
>
{source_regions.split(',').map(region => (
-
- {region}
-
+ {region}
))}
}
@@ -266,9 +264,7 @@ function InventorySourceDetail({ inventorySource, i18n }) {
totalChips={instance_filters.split(',').length}
>
{instance_filters.split(',').map(filter => (
-
- {filter}
-
+ {filter}
))}
}
@@ -281,9 +277,7 @@ function InventorySourceDetail({ inventorySource, i18n }) {
value={
{group_by.split(',').map(group => (
-
- {group}
-
+ {group}
))}
}
diff --git a/awx/ui_next/src/screens/Inventory/shared/InventorySourceForm.jsx b/awx/ui_next/src/screens/Inventory/shared/InventorySourceForm.jsx
index 195353cb6d..73dec8877f 100644
--- a/awx/ui_next/src/screens/Inventory/shared/InventorySourceForm.jsx
+++ b/awx/ui_next/src/screens/Inventory/shared/InventorySourceForm.jsx
@@ -117,7 +117,9 @@ const InventorySourceFormFields = ({ sourceOptions, i18n }) => {
fieldId="source"
helperTextInvalid={sourceMeta.error}
isRequired
- validated={(!sourceMeta.touched || !sourceMeta.error) ? 'default' : 'error'}
+ validated={
+ !sourceMeta.touched || !sourceMeta.error ? 'default' : 'error'
+ }
label={i18n._(t`Source`)}
>
{
)}
{sourceField.value !== '' && (
- {i18n._(t`Source details`)}
+
+ {i18n._(t`Source details`)}
+
{
{
diff --git a/awx/ui_next/src/screens/Inventory/shared/InventorySourceSubForms/SCMSubForm.jsx b/awx/ui_next/src/screens/Inventory/shared/InventorySourceSubForms/SCMSubForm.jsx
index cb655eaaf7..3689e305a8 100644
--- a/awx/ui_next/src/screens/Inventory/shared/InventorySourceSubForms/SCMSubForm.jsx
+++ b/awx/ui_next/src/screens/Inventory/shared/InventorySourceSubForms/SCMSubForm.jsx
@@ -83,8 +83,12 @@ const SCMSubForm = ({ i18n }) => {
diff --git a/awx/ui_next/src/screens/Inventory/shared/InventorySourceSubForms/SharedFields.jsx b/awx/ui_next/src/screens/Inventory/shared/InventorySourceSubForms/SharedFields.jsx
index 66370d5f12..b4cca4a073 100644
--- a/awx/ui_next/src/screens/Inventory/shared/InventorySourceSubForms/SharedFields.jsx
+++ b/awx/ui_next/src/screens/Inventory/shared/InventorySourceSubForms/SharedFields.jsx
@@ -229,7 +229,7 @@ export const VerbosityField = withI18n()(({ i18n }) => {
return (
- {i18n._(t`Inventory Scripts`)}
+
+ {i18n._(t`Inventory Scripts`)}
+
diff --git a/awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx b/awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx
index 6749c66946..fdd31290c0 100644
--- a/awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx
+++ b/awx/ui_next/src/screens/Job/JobDetail/JobDetail.jsx
@@ -232,9 +232,7 @@ function JobDetail({ job, i18n }) {
value={
{labels.results.map(l => (
-
- {l.name}
-
+ {l.name}
))}
}
diff --git a/awx/ui_next/src/screens/Job/JobOutput/HostEventModal.jsx b/awx/ui_next/src/screens/Job/JobOutput/HostEventModal.jsx
index 58c58c3e9d..d2d846c15f 100644
--- a/awx/ui_next/src/screens/Job/JobOutput/HostEventModal.jsx
+++ b/awx/ui_next/src/screens/Job/JobOutput/HostEventModal.jsx
@@ -1,5 +1,10 @@
import React, { useEffect, useState } from 'react';
-import { Modal as PFModal, Tab, Tabs as PFTabs, TabTitleText } from '@patternfly/react-core';
+import {
+ Modal as PFModal,
+ Tab,
+ Tabs as PFTabs,
+ TabTitleText,
+} from '@patternfly/react-core';
import PropTypes from 'prop-types';
import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';
@@ -175,7 +180,7 @@ function HostEventModal({ onClose, hostEvent = {}, isOpen = false, i18n }) {
{i18n._(t`JSON`)}}
+ title={{i18n._(t`JSON`)}}
aria-label={i18n._(t`JSON tab`)}
>
{activeTabKey === 1 && jsonObj ? (
diff --git a/awx/ui_next/src/screens/JobsSetting/JobsSettings.jsx b/awx/ui_next/src/screens/JobsSetting/JobsSettings.jsx
index 325579f1ea..f5fb77ef50 100644
--- a/awx/ui_next/src/screens/JobsSetting/JobsSettings.jsx
+++ b/awx/ui_next/src/screens/JobsSetting/JobsSettings.jsx
@@ -15,7 +15,9 @@ class JobsSettings extends Component {
return (
- {i18n._(t`Jobs Settings`)}
+
+ {i18n._(t`Jobs Settings`)}
+
diff --git a/awx/ui_next/src/screens/License/License.jsx b/awx/ui_next/src/screens/License/License.jsx
index ceb3cbe722..1ec59d2930 100644
--- a/awx/ui_next/src/screens/License/License.jsx
+++ b/awx/ui_next/src/screens/License/License.jsx
@@ -15,7 +15,9 @@ class License extends Component {
return (
- {i18n._(t`License`)}
+
+ {i18n._(t`License`)}
+
diff --git a/awx/ui_next/src/screens/ManagementJob/ManagementJobs.jsx b/awx/ui_next/src/screens/ManagementJob/ManagementJobs.jsx
index 125df4429d..658cfcb403 100644
--- a/awx/ui_next/src/screens/ManagementJob/ManagementJobs.jsx
+++ b/awx/ui_next/src/screens/ManagementJob/ManagementJobs.jsx
@@ -15,7 +15,9 @@ class ManagementJobs extends Component {
return (
- {i18n._(t`Management Jobs`)}
+
+ {i18n._(t`Management Jobs`)}
+
diff --git a/awx/ui_next/src/screens/NotificationTemplate/NotificationTemplates.jsx b/awx/ui_next/src/screens/NotificationTemplate/NotificationTemplates.jsx
index fd217d5c99..857201bc6b 100644
--- a/awx/ui_next/src/screens/NotificationTemplate/NotificationTemplates.jsx
+++ b/awx/ui_next/src/screens/NotificationTemplate/NotificationTemplates.jsx
@@ -15,7 +15,9 @@ class NotificationTemplates extends Component {
return (
- {i18n._(t`Notification Templates`)}
+
+ {i18n._(t`Notification Templates`)}
+
diff --git a/awx/ui_next/src/screens/Organization/OrganizationDetail/OrganizationDetail.jsx b/awx/ui_next/src/screens/Organization/OrganizationDetail/OrganizationDetail.jsx
index 79d1f91e8c..646d0d59b8 100644
--- a/awx/ui_next/src/screens/Organization/OrganizationDetail/OrganizationDetail.jsx
+++ b/awx/ui_next/src/screens/Organization/OrganizationDetail/OrganizationDetail.jsx
@@ -105,9 +105,7 @@ function OrganizationDetail({ i18n, organization }) {
value={
{instanceGroups.map(ig => (
-
- {ig.name}
-
+ {ig.name}
))}
}
diff --git a/awx/ui_next/src/screens/Portal/Portal.jsx b/awx/ui_next/src/screens/Portal/Portal.jsx
index e668e8b115..6651fc25d2 100644
--- a/awx/ui_next/src/screens/Portal/Portal.jsx
+++ b/awx/ui_next/src/screens/Portal/Portal.jsx
@@ -15,7 +15,9 @@ class Portal extends Component {
return (
- {i18n._(t`My View`)}
+
+ {i18n._(t`My View`)}
+
diff --git a/awx/ui_next/src/screens/Project/shared/ProjectForm.jsx b/awx/ui_next/src/screens/Project/shared/ProjectForm.jsx
index 090ab1c013..692c66d3d2 100644
--- a/awx/ui_next/src/screens/Project/shared/ProjectForm.jsx
+++ b/awx/ui_next/src/screens/Project/shared/ProjectForm.jsx
@@ -172,7 +172,9 @@ function ProjectFormFields({
fieldId="project-scm-type"
helperTextInvalid={scmTypeMeta.error}
isRequired
- validated={(!scmTypeMeta.touched || !scmTypeMeta.error) ? 'default' : 'error'}
+ validated={
+ !scmTypeMeta.touched || !scmTypeMeta.error ? 'default' : 'error'
+ }
label={i18n._(t`Source Control Credential Type`)}
>
{formik.values.scm_type !== '' && (
- {i18n._(t`Type Details`)}
+
+ {i18n._(t`Type Details`)}
+
{
{
diff --git a/awx/ui_next/src/screens/Project/shared/ProjectSubForms/ManualSubForm.jsx b/awx/ui_next/src/screens/Project/shared/ProjectSubForms/ManualSubForm.jsx
index 7dc59e4568..b6ece76103 100644
--- a/awx/ui_next/src/screens/Project/shared/ProjectSubForms/ManualSubForm.jsx
+++ b/awx/ui_next/src/screens/Project/shared/ProjectSubForms/ManualSubForm.jsx
@@ -81,7 +81,7 @@ const ManualSubForm = ({
fieldId="project-local-path"
helperTextInvalid={pathMeta.error}
isRequired
- validated={(!pathMeta.touched || !pathMeta.error) ? 'default' : 'error'}
+ validated={!pathMeta.touched || !pathMeta.error ? 'default' : 'error'}
label={i18n._(t`Playbook Directory`)}
>
- {i18n._(t`Option Details`)}
+
+ {i18n._(t`Option Details`)}
+
- {i18n._(t`System Settings`)}
+
+ {i18n._(t`System Settings`)}
+
diff --git a/awx/ui_next/src/screens/Team/TeamAccess/TeamAccessListItem.jsx b/awx/ui_next/src/screens/Team/TeamAccess/TeamAccessListItem.jsx
index 7812e16acc..afb2be606f 100644
--- a/awx/ui_next/src/screens/Team/TeamAccess/TeamAccessListItem.jsx
+++ b/awx/ui_next/src/screens/Team/TeamAccess/TeamAccessListItem.jsx
@@ -40,7 +40,6 @@ function TeamAccessListItem({ role, i18n, detailUrl, onSelect }) {
label={i18n._(t`Role`)}
value={
onSelect(role)}
diff --git a/awx/ui_next/src/screens/Template/JobTemplateDetail/JobTemplateDetail.jsx b/awx/ui_next/src/screens/Template/JobTemplateDetail/JobTemplateDetail.jsx
index 646b3e0491..d567b8fb46 100644
--- a/awx/ui_next/src/screens/Template/JobTemplateDetail/JobTemplateDetail.jsx
+++ b/awx/ui_next/src/screens/Template/JobTemplateDetail/JobTemplateDetail.jsx
@@ -304,9 +304,7 @@ function JobTemplateDetail({ i18n, template }) {
totalChips={summary_fields.labels.results.length}
>
{summary_fields.labels.results.map(l => (
-
- {l.name}
-
+ {l.name}
))}
}
@@ -319,9 +317,7 @@ function JobTemplateDetail({ i18n, template }) {
value={
{instanceGroups.map(ig => (
-
- {ig.name}
-
+ {ig.name}
))}
}
@@ -334,9 +330,7 @@ function JobTemplateDetail({ i18n, template }) {
value={
{job_tags.split(',').map(jobTag => (
-
- {jobTag}
-
+ {jobTag}
))}
}
@@ -349,9 +343,7 @@ function JobTemplateDetail({ i18n, template }) {
value={
{skip_tags.split(',').map(skipTag => (
-
- {skipTag}
-
+ {skipTag}
))}
}
diff --git a/awx/ui_next/src/screens/Template/Survey/SurveyListItem.jsx b/awx/ui_next/src/screens/Template/Survey/SurveyListItem.jsx
index 82df254653..934fb33473 100644
--- a/awx/ui_next/src/screens/Template/Survey/SurveyListItem.jsx
+++ b/awx/ui_next/src/screens/Template/Survey/SurveyListItem.jsx
@@ -125,9 +125,7 @@ function SurveyListItem({
totalChips={question.default.split('\n').length}
>
{question.default.split('\n').map(chip => (
-
- {chip}
-
+ {chip}
))}
)}
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateDetail/WorkflowJobTemplateDetail.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateDetail/WorkflowJobTemplateDetail.jsx
index d3f252c5cb..52aa6f0977 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateDetail/WorkflowJobTemplateDetail.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateDetail/WorkflowJobTemplateDetail.jsx
@@ -172,9 +172,7 @@ function WorkflowJobTemplateDetail({ template, i18n }) {
totalChips={summary_fields.labels.results.length}
>
{summary_fields.labels.results.map(l => (
-
- {l.name}
-
+ {l.name}
))}
}
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkModal.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkModal.jsx
index 8b8f20ef9e..9eaa4b0126 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkModal.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkModal.jsx
@@ -20,7 +20,6 @@ function LinkModal({ header, i18n, onConfirm }) {
width={600}
header={header}
isOpen
-
title={i18n._(t`Workflow Link`)}
onClose={() => dispatch({ type: 'CANCEL_LINK_MODAL' })}
actions={[
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeTypeStep/NodeTypeStep.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeTypeStep/NodeTypeStep.jsx
index d3719d0bc2..e9ee7928bb 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeTypeStep/NodeTypeStep.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeTypeStep/NodeTypeStep.jsx
@@ -131,14 +131,14 @@ function NodeTypeStep({
{
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeViewModal.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeViewModal.jsx
index eeb8b2428c..cdb613ce77 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeViewModal.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeViewModal.jsx
@@ -133,7 +133,6 @@ function NodeViewModal({ i18n }) {
dispatch({ type: 'SET_NODE_TO_VIEW', value: null })}
actions={[
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/UnsavedChangesModal.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/UnsavedChangesModal.jsx
index 19d9f981ba..f74eabd18d 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/UnsavedChangesModal.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/UnsavedChangesModal.jsx
@@ -11,7 +11,6 @@ function UnsavedChangesModal({ i18n, onSaveAndExit, onExit }) {
dispatch({ type: 'TOGGLE_UNSAVED_CHANGES_MODAL' })}
actions={[
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerToolbar.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerToolbar.jsx
index 7d08d086b8..0857313036 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerToolbar.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerToolbar.jsx
@@ -68,7 +68,11 @@ function VisualizerToolbar({
return (