Handling static JobEvent (#2934)

Signed-off-by: phixMe <peter.hicks@pdtechsolutions.com>

Author: phixMe

web/src/components/jobs/JobDetailPage.tsx

@@ -127,12 +127,12 @@ const JobDetailPage: FunctionComponent<IProps> = (props) => {
   }
 
   const lastFinished = (() => {
-    const last = job.latestRuns.find((run) => run.state !== 'RUNNING')
+    const last = job.latestRuns?.find((run) => run.state !== 'RUNNING')
     return last ? formatUpdatedAt(last.endedAt) : 'N/A'
   })()
 
   const lastRuntime = (() => {
-    const last = job.latestRuns.find((run) => run.state !== 'RUNNING')
+    const last = job.latestRuns?.find((run) => run.state !== 'RUNNING')
     return last ? stopWatchDuration(last.durationMs) : 'N/A'
   })()
 
@@ -274,7 +274,7 @@ const JobDetailPage: FunctionComponent<IProps> = (props) => {
             label={'Running Status'.toUpperCase()}
             value={
               <MqStatus
-                label={job.latestRun?.state}
+                label={job.latestRun?.state || 'N/A'}
                 color={
                   job.latestRun?.state
                     ? runStateColor(job.latestRun.state)

web/src/routes/table-level/TableLineageJobNode.tsx

@@ -88,7 +88,7 @@ const TableLineageJobNode = ({ node }: TableLineageJobNodeProps & StateProps) =>
               color={
                 job.latestRun?.state
                   ? runStateColor(job.latestRun?.state)
-                  : theme.palette.primary.main
+                  : theme.palette.secondary.main
               }
             />
           </Box>