fixed DAG rendering issue

Author: talhainvenxion

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

@@ -15,7 +15,7 @@ export const useService = (): ServiceInterface => {
   const dispatch = useDispatch();
   const { id, pipelineId } = useParams<RunDetailRouteParams>();
   const [isMounted, setIsMounted] = useState(false);
-
+  const [fetching, setFetching] = useState(false);
   useEffect(() => {
     if (!isMounted) {
       setFetching(true);
@@ -42,10 +42,10 @@ export const useService = (): ServiceInterface => {
 
   const run = useSelector(runSelectors.runForId(id));
 
-  const setFetching = (fetching: boolean) => {
-    dispatch(runPagesActions.setFetching({ fetching }));
-  };
-  const fetching = useSelector(runPagesSelectors.fetching);
+  // const setFetching = (fetching: boolean) => {
+  //   dispatch(runPagesActions.setFetching({ fetching }));
+  // };
+  // const fetching = useSelector(runPagesSelectors.fetching);
 
   return { runId: id, pipelineId, run, fetching };
 };

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

@@ -15,7 +15,7 @@ export const useService = (): ServiceInterface => {
   const dispatch = useDispatch();
   const { runId } = useParams<RunDetailRouteParams>();
   const [isMounted, setIsMounted] = useState(false);
-
+  const [fetching, setFetching] = useState(false);
   useEffect(() => {
     if (!isMounted) {
       setFetching(true);
@@ -39,10 +39,10 @@ export const useService = (): ServiceInterface => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isMounted, setIsMounted]);
 
-  const fetching = useSelector(runPagesSelectors.fetching);
-  const setFetching = (fetching: boolean) => {
-    dispatch(runPagesActions.setFetching({ fetching }));
-  };
+  // const fetching = useSelector(runPagesSelectors.fetching);
+  // const setFetching = (fetching: boolean) => {
+  //   dispatch(runPagesActions.setFetching({ fetching }));
+  // };
 
   const run: TRun = useSelector(runSelectors.runForId(runId));
 

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

@@ -16,7 +16,7 @@ export const useService = (): ServiceInterface => {
   const dispatch = useDispatch();
   const { type, stackComponentId, id } = useParams<RunDetailRouteParams>();
   const [isMounted, setIsMounted] = useState(false);
-
+  const [fetching, setFetching] = useState(false);
   useEffect(() => {
     if (!isMounted) {
       setFetching(true);
@@ -41,10 +41,10 @@ export const useService = (): ServiceInterface => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isMounted, setIsMounted]);
 
-  const fetching = useSelector(runPagesSelectors.fetching);
-  const setFetching = (fetching: boolean) => {
-    dispatch(runPagesActions.setFetching({ fetching }));
-  };
+  // const fetching = useSelector(runPagesSelectors.fetching);
+  // const setFetching = (fetching: boolean) => {
+  //   dispatch(runPagesActions.setFetching({ fetching }));
+  // };
   const run = useSelector(runSelectors.runForId(id));
 
   return { type, runId: id, stackComponentId, run, fetching };

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

@@ -15,7 +15,7 @@ export const useService = (): ServiceInterface => {
   const dispatch = useDispatch();
   const { id, stackId } = useParams<RunDetailRouteParams>();
   const [isMounted, setIsMounted] = useState(false);
-
+  const [fetching, setFetching] = useState(false);
   useEffect(() => {
     if (!isMounted) {
       setFetching(true);
@@ -40,10 +40,10 @@ export const useService = (): ServiceInterface => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isMounted, setIsMounted]);
 
-  const fetching = useSelector(runPagesSelectors.fetching);
-  const setFetching = (fetching: boolean) => {
-    dispatch(runPagesActions.setFetching({ fetching }));
-  };
+  // const fetching = useSelector(runPagesSelectors.fetching);
+  // const setFetching = (fetching: boolean) => {
+  //   dispatch(runPagesActions.setFetching({ fetching }));
+  // };
 
   const run = useSelector(runSelectors.runForId(id));