added loading

src/components/floweditor/FlowEditor.tsx

@@ -18,6 +18,7 @@ import { PUBLISH_FLOW } from '../../graphql/mutations/Flow';
 import { GET_FLOW_DETAILS } from '../../graphql/queries/Flow';
 import { setAuthHeaders } from '../../services/AuthService';
 import { GET_ORGANIZATION_SERVICES } from '../../graphql/queries/Organization';
+import { Loading } from '../UI/Layout/Loading/Loading';
 
 declare function showFlowEditor(node: any, config: any): void;
 
@@ -155,6 +156,7 @@ export const FlowEditor = (props: FlowEditorProps) => {
   const { uuid } = match.params;
   const [publishDialog, setPublishDialog] = useState(false);
   const [simulatorId, setSimulatorId] = useState(0);
+  const [loading, setLoading] = useState(true);
 
   const config = setConfig(uuid);
   const [published, setPublished] = useState(false);
@@ -179,6 +181,7 @@ export const FlowEditor = (props: FlowEditorProps) => {
         config.excludeTypes.push('split_by_intent');
       }
       showFlowEditor(document.getElementById('flow'), config);
+      setLoading(false);
     },
   });
 
@@ -428,6 +431,7 @@ export const FlowEditor = (props: FlowEditorProps) => {
           ) : null}
         </div>
         <div id="flow" />
+        {loading && <Loading />}
       </div>
     </>
   );