From dc35d85b72b53d40d6d257ec7dc83d6ef59046e0 Mon Sep 17 00:00:00 2001
From: adarsh <110150037+adarshm11@users.noreply.github.com>
Date: Fri, 26 Dec 2025 15:08:27 -0800
Subject: [PATCH 1/3] update j*b status

---
 src/Components/Printing/JobStatus.js | 55 ++++++++++++++++++++++++----
 1 file changed, 48 insertions(+), 7 deletions(-)

diff --git a/src/Components/Printing/JobStatus.js b/src/Components/Printing/JobStatus.js
index 55f01a581..c9fdf0532 100644
--- a/src/Components/Printing/JobStatus.js
+++ b/src/Components/Printing/JobStatus.js
@@ -1,13 +1,54 @@
 import React from 'react';
 
-export default function JobStatus(props) {
+export default function JobStatus({ id, status, fileName }) {
+  const getStatusConfig = () => {
+    switch (status) {
+      case 'failed':
+        return { 
+          color: 'alert-error', 
+          icon: <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />,
+          loading: false 
+        };
+      case 'completed':
+        return { 
+          color: 'alert-success', 
+          icon: <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />,
+          loading: false 
+        };
+      default: // 'created', 'processing', etc.
+        return { 
+          color: 'alert-info', 
+          icon: null, // We'll use a spinner instead
+          loading: true 
+        };
+    }
+  };
+
+  const config = getStatusConfig();
+
   return (
-    <div className='flex items-center justify-center w-full mt-10'>
-      <div role="alert" className={'w-1/2 text-center alert alert-' + (props.status === 'failed' ? 'error' : 'success')}>
-        <svg xmlns="http://www.w3.org/2000/svg" className="w-6 h-6 stroke-current shrink-0" fill="none" viewBox="0 0 24 24">
-          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12 13V8m0 8h.01M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
-        </svg>
-        <p className=''>{props.fileName} ({props.id}): {props.status}</p>
+    <div className='flex justify-center w-full mt-4 animate-in fade-in slide-in-from-top-2'>
+      <div role="alert" className={`w-full max-w-2xl alert ${config.color} shadow-lg py-3`}>
+        {config.loading ? (
+          <span className="loading loading-spinner loading-sm"></span>
+        ) : (
+          <svg xmlns="http://www.w3.org/2000/svg" className="w-6 h-6 stroke-current shrink-0" fill="none" viewBox="0 0 24 24">
+            {config.icon}
+          </svg>
+        )}
+        
+        <div className="flex flex-col items-start flex-1 ml-2">
+          <span className="font-bold truncate max-w-[250px] sm:max-w-md">
+            {fileName}
+          </span>
+          <span className="text-xs opacity-70 italic">Job ID: {id}</span>
+        </div>
+
+        <div className="flex-none">
+          <div className="badge badge-outline uppercase text-[10px] font-bold tracking-widest px-2 py-1">
+            {status}
+          </div>
+        </div>
       </div>
     </div>
   );

From 223c9b7521cadc5ca3bdf30576854c3725ce3301 Mon Sep 17 00:00:00 2001
From: evan <evanuxd@gmail.com>
Date: Fri, 26 Dec 2025 15:11:43 -0800
Subject: [PATCH 2/3] lint

---
 src/Components/Printing/JobStatus.js | 38 ++++++++++++++--------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/Components/Printing/JobStatus.js b/src/Components/Printing/JobStatus.js
index c9fdf0532..5fee37a18 100644
--- a/src/Components/Printing/JobStatus.js
+++ b/src/Components/Printing/JobStatus.js
@@ -3,24 +3,24 @@ import React from 'react';
 export default function JobStatus({ id, status, fileName }) {
   const getStatusConfig = () => {
     switch (status) {
-      case 'failed':
-        return { 
-          color: 'alert-error', 
-          icon: <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />,
-          loading: false 
-        };
-      case 'completed':
-        return { 
-          color: 'alert-success', 
-          icon: <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />,
-          loading: false 
-        };
-      default: // 'created', 'processing', etc.
-        return { 
-          color: 'alert-info', 
-          icon: null, // We'll use a spinner instead
-          loading: true 
-        };
+    case 'failed':
+      return {
+        color: 'alert-error',
+        icon: <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />,
+        loading: false
+      };
+    case 'completed':
+      return {
+        color: 'alert-success',
+        icon: <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />,
+        loading: false
+      };
+    default: // 'created', 'processing', etc.
+      return {
+        color: 'alert-info',
+        icon: null, // We'll use a spinner instead
+        loading: true
+      };
     }
   };
 
@@ -36,7 +36,7 @@ export default function JobStatus({ id, status, fileName }) {
             {config.icon}
           </svg>
         )}
-        
+
         <div className="flex flex-col items-start flex-1 ml-2">
           <span className="font-bold truncate max-w-[250px] sm:max-w-md">
             {fileName}

From 4646707e493bb4bd7b6c453bb3015d3d5ccbfdf4 Mon Sep 17 00:00:00 2001
From: evan <evanuxd@gmail.com>
Date: Fri, 26 Dec 2025 15:12:01 -0800
Subject: [PATCH 3/3] no no import no no react

---
 src/Components/Printing/JobStatus.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/Components/Printing/JobStatus.js b/src/Components/Printing/JobStatus.js
index 5fee37a18..2759082b0 100644
--- a/src/Components/Printing/JobStatus.js
+++ b/src/Components/Printing/JobStatus.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function JobStatus({ id, status, fileName }) {
   const getStatusConfig = () => {
     switch (status) {