From cfbae6ddbfd2838a76bf3284b9f7335a09831f92 Mon Sep 17 00:00:00 2001
From: Matthias Guillitte <matthias@guillitte.com>
Date: Sun, 16 Mar 2025 17:37:39 +0100
Subject: [PATCH] Only render jobs run if there is at least one

---
 .../Components/Layout/Job/JobRuns/JobRuns.vue | 32 ++++++++++---------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/resources/js/Components/Layout/Job/JobRuns/JobRuns.vue b/resources/js/Components/Layout/Job/JobRuns/JobRuns.vue
index b47d2e9..0472799 100644
--- a/resources/js/Components/Layout/Job/JobRuns/JobRuns.vue
+++ b/resources/js/Components/Layout/Job/JobRuns/JobRuns.vue
@@ -10,19 +10,21 @@ defineProps<{
 </script>
 
 <template>
-    <h2>Ancien jobs</h2>
-    <ScrollArea class="min-h-[300px] max-h-[20vh] overflow-auto pr-2">
-        <Accordion type="multiple" collapsible>
-            <JobRunItem
-                :jobRun="jobRun"
-                v-for="jobRun in job.job_runs.sort((a, b) => {
-                    return (
-                        new Date(b.created_at).getTime() -
-                        new Date(a.created_at).getTime()
-                    );
-                })"
-                :key="jobRun.id"
-            />
-        </Accordion>
-    </ScrollArea>
+    <div v-if="job.job_runs.length > 0">
+        <h2>Ancien jobs</h2>
+        <ScrollArea class="min-h-[300px] max-h-[20vh] overflow-auto pr-2">
+            <Accordion type="multiple" collapsible>
+                <JobRunItem
+                    :jobRun="jobRun"
+                    v-for="jobRun in job.job_runs.sort((a, b) => {
+                        return (
+                            new Date(b.created_at).getTime() -
+                            new Date(a.created_at).getTime()
+                        );
+                    })"
+                    :key="jobRun.id"
+                />
+            </Accordion>
+        </ScrollArea>
+    </div>
 </template>