navigate from URL issues are fixed for all.

Author: talhainvenxion

src/api/endpoints.ts

@@ -27,15 +27,18 @@ export const endpoints = {
   },
   pipelines: {
     my: '/pipelines?hydrated=true',
-    get: (pipelineId: TId): string => `/pipelines/${pipelineId}&hydrated=true`,
+    get: (pipelineId: TId): string =>
+      `/pipelines/${pipelineId}?unlisted=false&hydrated=true`,
   },
   Stacks: {
     my: '/stacks?hydrated=true',
-    get: (stackId: TId): string => `/Stacks/${stackId}&hydrated=true`,
+    get: (stackId: TId): string =>
+      `/stacks/${stackId}?unlisted=false&hydrated=true`,
   },
   StackComponents: {
     types: '/component-types',
-    my: (type: string): string => `/components?type=${type}&hydrated=true`,
+    my: (type: string): string =>
+      `/components?type=${type}?unlisted=false&hydrated=true`,
     get: (stackComponentId: TId): string =>
       `/components/${stackComponentId}?hydrated=true`,
   },
@@ -50,14 +53,13 @@ export const endpoints = {
     },
     stackComponent: {
       get: (stackComponentId: TId): string =>
-        `/runs?component_id=${stackComponentId}&hydrated=true`,
+        `/runs?component_id=${stackComponentId}&unlisted=false&hydrated=true`,
     },
     graphById: {
       get: (runId: TId): string => `/runs/${runId}/graph`,
     },
     all: `/runs?unlisted=false&hydrated=true`,
-    get: (pipelineId: TId, runId: TId): string =>
-      `/pipelines/${pipelineId}/runs/${runId}`,
+    get: (runId: TId): string => `/runs/${runId}?unlisted=false&hydrated=true`,
   },
   billing: {
     my: '/billing/stripe/session',

src/api/runs/getRunByIdApi.ts

@@ -14,7 +14,7 @@ const getRunByIdApi = ({
   runId: TId;
 }): Promise<TOrganization> =>
   fetchApiWithAuthRequest({
-    url: apiUrl(endpoints.runs.get(pipelineId, runId)),
+    url: apiUrl(endpoints.runs.get(runId)),
     method: httpMethods.get,
     authenticationToken,
   }).catch((res) => {

src/redux/actions/runs/getRunByIdAction.ts

@@ -3,14 +3,16 @@ import getRunByIdApi from '../../../api/runs/getRunByIdApi';
 
 export const getRunByIdAction = ({
   runId,
+  stackId,
   pipelineId,
-  workspaceId,
+  stackComponentId,
   onSuccess,
   onFailure,
 }: {
   runId: TId;
-  pipelineId: TId;
-  workspaceId?: TId | null;
+  stackId?: TId;
+  pipelineId?: TId;
+  stackComponentId?: TId;
   onSuccess?: () => void;
   onFailure?: () => void;
 }): TRequestAction => ({
@@ -20,7 +22,7 @@ export const getRunByIdAction = ({
     isAuthenticated: true,
     failureActionType: runActionTypes.getRunForId.failure,
     successActionType: runActionTypes.getRunForId.success,
-    params: { runId, pipelineId, workspaceId },
+    params: { runId, stackId, pipelineId, stackComponentId },
     onSuccess,
     onFailure,
   },

src/ui/layouts/pipelines/PipelineDetail/Runs/useService.ts

@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import { useSelector } from 'react-redux';
 import {
   runPagesSelectors,
@@ -16,6 +17,7 @@ export const useService = ({
 }): ServiceInterface => {
   const fetching = useSelector(runPagesSelectors.fetching);
   const runs: TRun[] = useSelector(runSelectors.runsForPipelineId(pipelineId));
+  // useEffect(() => {}, [runs]);
 
   const runIds = runs.map((run: TRun) => run.id);
 

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

@@ -19,13 +19,13 @@ export const useService = (): ServiceInterface => {
   useEffect(() => {
     setFetching(true);
     // Legacy: previously runs was in pipeline
-    // dispatch(
-    //   pipelinesActions.pipelineForId({
-    //     pipelineId: id,
-    //     onSuccess: () => setFetching(false),
-    //     onFailure: () => setFetching(false),
-    //   }),
-    // );
+    dispatch(
+      pipelinesActions.pipelineForId({
+        pipelineId: id,
+        onSuccess: () => setFetching(false),
+        onFailure: () => setFetching(false),
+      }),
+    );
     dispatch(
       pipelinesActions.allRunsByPipelineId({
         pipelineId: id,

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

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

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

@@ -41,6 +41,7 @@ export const useService = ({
   const [activeSorting, setActiveSorting] = React.useState<Sorting | null>(
     'createdAt',
   );
+
   const [
     activeSortingDirection,
     setActiveSortingDirection,
@@ -55,13 +56,14 @@ export const useService = ({
     let orderedRuns = _.sortBy(runs, (run: TRun) =>
       new Date(run.created).getTime(),
     ).reverse();
+
     const isValidFilter = filter?.map((f) => f.value).join('');
     if (isValidFilter) {
       orderedRuns = getFilteredDataForTable(orderedRuns, filter);
     }
 
     setSortedRuns(orderedRuns);
-  }, [filter]);
+  }, [filter, runIds]);
 
   const setSelectedRunIds = (runIds: TId[]) => {
     dispatch(pipelinePagesActions.setSelectedRunIds({ runIds }));

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

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

src/ui/layouts/stackComponents/Stacks/List/index.tsx

@@ -74,7 +74,7 @@ export const List: React.FC<Props> = ({ filter }: Props) => {
             : {
                 text: `Nothing to see here, it seems like no ${camelCaseToParagraph(
                   locationPath.split('/')[2],
-                )} has been configured yet`,
+                )} has been configured yet.`,
               }
         }
         trOnClick={openDetailPage}

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

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