From 2679c99cad567b20d9139465ba391fafcdbc496f Mon Sep 17 00:00:00 2001
From: nixocio <nixocio@gmail.com>
Date: Wed, 8 Jun 2022 15:23:44 -0400
Subject: [PATCH] Add loading state when saving a visualizer

Add loading state when saving a visualizer

See: https://github.com/ansible/awx/issues/12092
---
 .../Template/WorkflowJobTemplateVisualizer/Visualizer.js  | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/Visualizer.js b/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/Visualizer.js
index 02e9d399e7..73c7de7310 100644
--- a/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/Visualizer.js
+++ b/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/Visualizer.js
@@ -297,7 +297,11 @@ function Visualizer({ template }) {
     }
   }, [links, nodes]);
 
-  const { error: saveVisualizerError, request: saveVisualizer } = useRequest(
+  const {
+    error: saveVisualizerError,
+    isLoading: isSavingVisualizer,
+    request: saveVisualizer,
+  } = useRequest(
     useCallback(async () => {
       const nodeRequests = [];
       const approvalTemplateRequests = [];
@@ -553,7 +557,7 @@ function Visualizer({ template }) {
   const { error: nodeRequestError, dismissError: dismissNodeRequestError } =
     useDismissableError(saveVisualizerError);
 
-  if (isLoading) {
+  if (isLoading || isSavingVisualizer) {
     return (
       <CenteredContent>
         <ContentLoading />