fixed graph rendering issue

Author: talhainvenxion

src/ui/layouts/pipelines/RunDetail/useService.ts

@@ -19,18 +19,19 @@ export const useService = (): ServiceInterface => {
   useEffect(() => {
     if (!isMounted) {
       setFetching(true);
-      dispatch(
-        runsActions.graphForRun({
-          runId: id,
-          onSuccess: () => setFetching(false),
-          onFailure: () => setFetching(false),
-        }),
-      );
+
       dispatch(
         runsActions.runForId({
           pipelineId: pipelineId,
           runId: id,
-          onSuccess: () => setFetching(false),
+          onSuccess: () =>
+            dispatch(
+              runsActions.graphForRun({
+                runId: id,
+                onSuccess: () => setFetching(false),
+                onFailure: () => setFetching(false),
+              }),
+            ),
           onFailure: () => setFetching(false),
         }),
       );

src/ui/layouts/runs/RunDetail/useService.ts

@@ -19,10 +19,18 @@ export const useService = (): ServiceInterface => {
   useEffect(() => {
     if (!isMounted) {
       setFetching(true);
+
       dispatch(
-        runsActions.graphForRun({
+        runsActions.runForId({
           runId: runId,
-          onSuccess: () => setFetching(false),
+          onSuccess: () =>
+            dispatch(
+              runsActions.graphForRun({
+                runId: runId,
+                onSuccess: () => setFetching(false),
+                onFailure: () => setFetching(false),
+              }),
+            ),
           onFailure: () => setFetching(false),
         }),
       );

src/ui/layouts/stackComponents/RunDetail/useService.ts

@@ -24,17 +24,18 @@ export const useService = (): ServiceInterface => {
         runsActions.runForId({
           stackComponentId: stackComponentId,
           runId: id,
-          onSuccess: () => setFetching(false),
-          onFailure: () => setFetching(false),
-        }),
-      );
-      dispatch(
-        runsActions.graphForRun({
-          runId: id,
-          onSuccess: () => setFetching(false),
+          onSuccess: () =>
+            dispatch(
+              runsActions.graphForRun({
+                runId: id,
+                onSuccess: () => setFetching(false),
+                onFailure: () => setFetching(false),
+              }),
+            ),
           onFailure: () => setFetching(false),
         }),
       );
+
       setIsMounted(true);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps

src/ui/layouts/stacks/RunDetail/useService.ts

@@ -23,17 +23,18 @@ export const useService = (): ServiceInterface => {
         runsActions.runForId({
           stackId: stackId,
           runId: id,
-          onSuccess: () => setFetching(false),
-          onFailure: () => setFetching(false),
-        }),
-      );
-      dispatch(
-        runsActions.graphForRun({
-          runId: id,
-          onSuccess: () => setFetching(false),
+          onSuccess: () =>
+            dispatch(
+              runsActions.graphForRun({
+                runId: id,
+                onSuccess: () => setFetching(false),
+                onFailure: () => setFetching(false),
+              }),
+            ),
           onFailure: () => setFetching(false),
         }),
       );
+
       setIsMounted(true);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps