Live Job Update for failing tests

src/views/failing/Failing.jsx

@@ -1,6 +1,6 @@
 import { useState, useContext } from "react";
 import { useNavigate } from "react-router-dom";
-import {useCurrentlyFailing} from "../../Queries.jsx";
+import {useCurrentlyFailing, useSilencedAlerts} from "../../Queries.jsx";
 import StoreContext from "../../ctx/StoreContext.jsx";
 import JobContext from "../../ctx/JobContext.jsx";
 import SilenceDialog from "../alerting/SilenceDialog.jsx";
@@ -29,7 +29,7 @@ export default function Failing() {
     silenceRequest,
   } = useContext(StoreContext);
   const {isLoading, data: failing} = useCurrentlyFailing();
-
+  const {isSilencedLoading, data:silencedAlerts} = useSilencedAlerts();
   const [silenceEntry, setSilenceEntry] = useState({ open: false });
 
   const closeSilence = () => setSilenceEntry({ ...silenceEntry, open: false });
@@ -56,9 +56,22 @@ export default function Failing() {
     navigate(`/qualiteer/jobs#${jobId}`);
   };
 
+  const failingTestsWithJobs = () => {
+    const silences = silencedAlerts ?? [];
+    for(var test of failing){
+      if(test.isCompound) continue;
+      const job = jobState.jobs.find((j)=>j.builderCache.testNames.includes(test.name))
+      if(job) test.job = job;
+      const silence = silences.find((s)=>s.name === test.name || s.class === test.class)
+
+      if(silence) test.silencedUntil = silence;
+    }
+    return failing;
+  }
+
   return (
     <div className="failing">
-      {isLoading? null :failing.map((v, i) => (
+      {isLoading? null :failingTestsWithJobs().map((v, i) => (
         <FailingBox key={i} failingTest={v} silenceClick={editSilence(v)} />
       ))}
 
@@ -97,6 +110,7 @@ export default function Failing() {
     
       
       ): null}
+
       {(failing ?? []).length ===0? null :(
       <SpeedDial
         ariaLabel="Retry All"