From ecab5720d7a0256cf0a9558e7bcaca363a57aa9d Mon Sep 17 00:00:00 2001
From: Jack Harper <jack.harper@stfc.ac.uk>
Date: Wed, 29 Jan 2025 11:52:27 +0000
Subject: [PATCH] Auto-refresh jenkins jobs every minute

---
 app/components/JenkinsJobs.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/components/JenkinsJobs.tsx b/app/components/JenkinsJobs.tsx
index 05db034..ad5d5fe 100644
--- a/app/components/JenkinsJobs.tsx
+++ b/app/components/JenkinsJobs.tsx
@@ -12,11 +12,11 @@ const jenkinsColourToWebDashColour = new Map<string, string>([
   ["yellow", `bg-[#dddd00]`],
   [
     "yellow_anime",
-    `bg-[repeating-linear-gradient(45deg,#dddd00_0px,#dddd00_20px,#eeee00_20px,#eeee00_40px)]`,
+    "bg-[repeating-linear-gradient(45deg,#dddd00_0px,#dddd00_20px,#eeee00_20px,#eeee00_40px)]",
   ], // build running but was broken
   [
     "red_anime",
-    `bg-[repeating-linear-gradient(45deg,#F08080_0px,#F08080_20px,#F09090_20px,#F09090_40px)]`,
+    "bg-[repeating-linear-gradient(45deg,#F08080_0px,#F08080_20px,#F09090_20px,#F09090_40px)]",
   ], // build running but was broken
   [
     "blue_anime",
@@ -32,6 +32,7 @@ export default function JenkinsJobs() {
   const [data, setData] = useState<Array<IfcWallDisplayJob>>([]);
 
   useEffect(() => {
+    // initially request from jenkins, then set interval to do so every minute thereafter.
     async function fetchPosts() {
       const res = await fetch(
         "https://epics-jenkins.isis.rl.ac.uk/view/WallDisplay/api/json",
@@ -43,6 +44,11 @@ export default function JenkinsJobs() {
       setData(jobs);
     }
     fetchPosts();
+
+    const interval = setInterval(() => {
+      fetchPosts();
+    }, 60000);
+    return () => clearInterval(interval);
   }, []);
 
   if (data.length === 0) {