add getJobInformation to usePipelineAPI

frontend/src/concepts/pipelines/content/tables/pipelineRun/usePipelineRunFilter.ts

@@ -11,7 +11,8 @@ import {
 } from '~/concepts/pipelines/kfTypes';
 import { computeRunStatus } from '~/concepts/pipelines/content/utils';
 import { FilterOptions, FilterProps } from './PipelineRunTableToolbar';
-import useJobRelatedInformation from './useJobRelatedInformation';
+// import useJobRelatedInformation from './useJobRelatedInformation';
+import { usePipelinesAPI } from '~/concepts/pipelines/context';
 
 type FilterData = Record<FilterOptions, string>;
 const DEFAULT_FILTER_DATA: FilterData = {
@@ -26,7 +27,7 @@ const usePipelineRunFilter = (
   runs: PipelineRunKF[],
 ): [filterJobs: PipelineRunKF[], toolbarProps: FilterProps] => {
   const [filterData, setFilterData] = React.useState<FilterData>(DEFAULT_FILTER_DATA);
-  const { getJobInformation } = useJobRelatedInformation();
+  const { getJobInformation } = usePipelinesAPI();
 
   const filteredRuns = runs.filter((run) => {
     const runValue = filterData[FilterOptions.NAME];

frontend/src/concepts/pipelines/context/PipelinesContext.tsx

@@ -9,6 +9,7 @@ import {
   StackItem,
 } from '@patternfly/react-core';
 import { ProjectKind } from '~/k8sTypes';
+import { PipelineCoreResourceKF, PipelineRunJobKF } from '~/concepts/pipelines/kfTypes';
 import { byName, ProjectsContext } from '~/concepts/projects/ProjectsContext';
 import DeletePipelineServerModal from '~/concepts/pipelines/content/DeletePipelineServerModal';
 import { ConfigurePipelinesServerModal } from '~/concepts/pipelines/content/configurePipelinesServer/ConfigurePipelinesServerModal';
@@ -19,7 +20,14 @@ import { deleteServer } from '~/concepts/pipelines/utils';
 import useAPIState, { APIState } from './useAPIState';
 import usePipelineNamespaceCR, { dspaLoaded, hasServerTimedOut } from './usePipelineNamespaceCR';
 import usePipelinesAPIRoute from './usePipelinesAPIRoute';
+import useJobRelatedInformation from '~/concepts/pipelines/content/tables/pipelineRun/useJobRelatedInformation';
 
+type JobStatus = {
+  loading: boolean;
+  data: PipelineRunJobKF | null;
+};
+
+export type GetJobInformation = (resource: PipelineCoreResourceKF) => JobStatus;
 type PipelineContext = {
   hasCR: boolean;
   crInitializing: boolean;
@@ -30,6 +38,7 @@ type PipelineContext = {
   refreshState: () => Promise<undefined>;
   refreshAPIState: () => void;
   apiState: APIState;
+  getJobInformation: GetJobInformation;
 };
 
 const PipelinesContext = React.createContext<PipelineContext>({
@@ -41,6 +50,10 @@ const PipelinesContext = React.createContext<PipelineContext>({
   project: null as unknown as ProjectKind,
   refreshState: async () => undefined,
   refreshAPIState: () => undefined,
+  getJobInformation: () => ({
+    loading: false,
+    data: null,
+  }),
   apiState: { apiAvailable: false, api: null as unknown as APIState['api'] },
 });
 
@@ -70,6 +83,7 @@ export const PipelineContextProvider: React.FC<PipelineContextProviderProps> = (
     isCRReady,
     namespace,
   );
+  const { getJobInformation } = useJobRelatedInformation();
   const hostPath = routeLoaded && pipelineAPIRouteHost ? pipelineAPIRouteHost : null;
   useManageElyraSecret(namespace, pipelineNamespaceCR, hostPath);
 
@@ -79,7 +93,6 @@ export const PipelineContextProvider: React.FC<PipelineContextProviderProps> = (
   );
 
   const [apiState, refreshAPIState] = useAPIState(hostPath);
-
   let error = crLoadError || routeLoadError;
   if (error || !project) {
     error = error || new Error('Project not found');
@@ -104,6 +117,7 @@ export const PipelineContextProvider: React.FC<PipelineContextProviderProps> = (
         namespace,
         refreshState,
         refreshAPIState,
+        getJobInformation,
       }}
     >
       {children}
@@ -122,6 +136,7 @@ type UsePipelinesAPI = APIState & {
    * Allows agnostic functionality to request all watched API to be reacquired.
    * Triggering this will invalidate the memo for API - pay attention to only calling it once per need.
    */
+  getJobInformation: GetJobInformation;
   refreshAllAPI: () => void;
 };
 
@@ -142,11 +157,21 @@ export const usePipelinesAPI = (): UsePipelinesAPI => {
     timedOut: serverTimedOut,
   };
 
+  const getJobInformation: GetJobInformation = () => {
+    const jobStatus: JobStatus = {
+      loading: true,
+      data: null,
+    };
+
+    return jobStatus;
+  };
+
   return {
     pipelinesServer,
     namespace,
     project,
     refreshAllAPI,
+    getJobInformation,
     ...apiState,
   };
 };