From bd10c134bc891def98ee59e0eb53ae3cb4ca9685 Mon Sep 17 00:00:00 2001
From: bluemoehre <bluemoehre@gmx.de>
Date: Mon, 13 Jul 2026 15:00:07 +0200
Subject: [PATCH] fix UI issues in JobsView

---
 src/views/JobsView.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/views/JobsView.tsx b/src/views/JobsView.tsx
index 78a3e16..5db5cd5 100644
--- a/src/views/JobsView.tsx
+++ b/src/views/JobsView.tsx
@@ -1,10 +1,15 @@
-import { JobList } from "@/components/JobList"
-import mockJobs from "@/mocks/jobs.json"
+import { JobList } from '@/components/JobList'
+import { Marker, MarkerContent } from '@/components/ui/marker'
+import mockJobs from '@/mocks/jobs'
 
 export function JobsView() {
   return (
-    <div className="flex flex-1 flex-col gap-1 mt-4 mb-4">
-      <JobList jobs={mockJobs} />
+    <div className="mt-4 mb-4 flex flex-1 flex-col gap-1">
+      <JobList jobs={mockJobs} emptyLabel="No running jobs." />
+      <Marker variant="separator" className="my-4">
+        <MarkerContent>Queue</MarkerContent>
+      </Marker>
+      <JobList jobs={[]} emptyLabel="No queued jobs." />
     </div>
   )
 }