5 månader sedan · 53e196c38f
--- a/frontend/public/img/printers/a1.png
+++ b/frontend/public/img/printers/a1.png
--- a/frontend/public/img/printers/a1f.png
+++ b/frontend/public/img/printers/a1f.png
--- a/frontend/public/img/printers/a1mini.png
+++ b/frontend/public/img/printers/a1mini.png
--- a/frontend/public/img/printers/default.png
+++ b/frontend/public/img/printers/default.png
--- a/frontend/public/img/printers/h2d.png
+++ b/frontend/public/img/printers/h2d.png
--- a/frontend/public/img/printers/o1c.png
+++ b/frontend/public/img/printers/o1c.png
--- a/frontend/public/img/printers/o1e.png
+++ b/frontend/public/img/printers/o1e.png
--- a/frontend/public/img/printers/o1s.png
+++ b/frontend/public/img/printers/o1s.png
--- a/frontend/public/img/printers/p1p.png
+++ b/frontend/public/img/printers/p1p.png
--- a/frontend/public/img/printers/p1s.png
+++ b/frontend/public/img/printers/p1s.png
--- a/frontend/public/img/printers/printer_placeholder.png
+++ b/frontend/public/img/printers/printer_placeholder.png
--- a/frontend/public/img/printers/x1c.png
+++ b/frontend/public/img/printers/x1c.png
--- a/frontend/public/img/printers/x1e.png
+++ b/frontend/public/img/printers/x1e.png
--- a/frontend/src/pages/PrintersPage.tsx
+++ b/frontend/src/pages/PrintersPage.tsx
@@ -38,6 +38,26 @@ function formatTime(seconds: number): string {
 
				   return hours > 0 ? `${hours}h ${minutes}m` : `${minutes}m`;
			
 
				 }
			
 
				 
			
 
				+function getPrinterImage(model: string | null | undefined): string {
			
 
				+  if (!model) return '/img/printers/default.png';
			
 
				+
			
 
				+  const modelLower = model.toLowerCase().replace(/\s+/g, '');
			
 
				+
			
 
				+  // Map model names to image files
			
 
				+  if (modelLower.includes('x1e')) return '/img/printers/x1e.png';
			
 
				+  if (modelLower.includes('x1c') || modelLower.includes('x1carbon')) return '/img/printers/x1c.png';
			
 
				+  if (modelLower.includes('x1')) return '/img/printers/x1c.png';
			
 
				+  if (modelLower.includes('h2d')) return '/img/printers/h2d.png';
			
 
				+  if (modelLower.includes('h2c') || modelLower.includes('h2s')) return '/img/printers/h2d.png';
			
 
				+  if (modelLower.includes('p2s')) return '/img/printers/p1s.png';
			
 
				+  if (modelLower.includes('p1s')) return '/img/printers/p1s.png';
			
 
				+  if (modelLower.includes('p1p')) return '/img/printers/p1p.png';
			
 
				+  if (modelLower.includes('a1mini')) return '/img/printers/a1mini.png';
			
 
				+  if (modelLower.includes('a1')) return '/img/printers/a1.png';
			
 
				+
			
 
				+  return '/img/printers/default.png';
			
 
				+}
			
 
				+
			
 
				 function getWifiStrength(rssi: number | null | undefined): { label: string; color: string; bars: number } {
			
 
				   if (rssi == null) return { label: '', color: 'text-bambu-gray', bars: 0 };
			
 
				   if (rssi >= -50) return { label: 'Excellent', color: 'text-bambu-green', bars: 4 };
			
@@ -196,17 +216,25 @@ function PrinterCard({
 
				       <CardContent>
			
 
				         {/* Header */}
			
 
				         <div className="flex items-start justify-between mb-4">
			
 
				-          <div>
			
 
				-            <h3 className="text-lg font-semibold text-white">{printer.name}</h3>
			
 
				-            <p className="text-sm text-bambu-gray">
			
 
				-              {printer.model || 'Unknown Model'}
			
 
				-              {maintenanceInfo && maintenanceInfo.total_print_hours > 0 && (
			
 
				-                <span className="ml-2 text-bambu-gray">
			
 
				-                  <Clock className="w-3 h-3 inline-block mr-1" />
			
 
				-                  {Math.round(maintenanceInfo.total_print_hours)}h
			
 
				-                </span>
			
 
				-              )}
			
 
				-            </p>
			
 
				+          <div className="flex items-center gap-3">
			
 
				+            {/* Printer Model Image */}
			
 
				+            <img
			
 
				+              src={getPrinterImage(printer.model)}
			
 
				+              alt={printer.model || 'Printer'}
			
 
				+              className="w-14 h-14 object-contain rounded-lg bg-bambu-dark"
			
 
				+            />
			
 
				+            <div>
			
 
				+              <h3 className="text-lg font-semibold text-white">{printer.name}</h3>
			
 
				+              <p className="text-sm text-bambu-gray">
			
 
				+                {printer.model || 'Unknown Model'}
			
 
				+                {maintenanceInfo && maintenanceInfo.total_print_hours > 0 && (
			
 
				+                  <span className="ml-2 text-bambu-gray">
			
 
				+                    <Clock className="w-3 h-3 inline-block mr-1" />
			
 
				+                    {Math.round(maintenanceInfo.total_print_hours)}h
			
 
				+                  </span>
			
 
				+                )}
			
 
				+              </p>
			
 
				+            </div>
			
 
				           </div>
			
 
				           <div className="flex items-center gap-2">
			
 
				             {/* Connection status badge */}
			
--- a/static/assets/index-B5zVKOmX.js
+++ b/static/assets/index-B5zVKOmX.js
--- a/static/assets/index-BCXYYo2S.css
+++ b/static/assets/index-BCXYYo2S.css
--- a/static/assets/index-BkIG8nsB.css
+++ b/static/assets/index-BkIG8nsB.css
--- a/static/img/printers/a1.png
+++ b/static/img/printers/a1.png
--- a/static/img/printers/a1f.png
+++ b/static/img/printers/a1f.png
--- a/static/img/printers/a1mini.png
+++ b/static/img/printers/a1mini.png
--- a/static/img/printers/default.png
+++ b/static/img/printers/default.png
--- a/static/img/printers/h2d.png
+++ b/static/img/printers/h2d.png
--- a/static/img/printers/o1c.png
+++ b/static/img/printers/o1c.png
--- a/static/img/printers/o1e.png
+++ b/static/img/printers/o1e.png
--- a/static/img/printers/o1s.png
+++ b/static/img/printers/o1s.png
--- a/static/img/printers/p1p.png
+++ b/static/img/printers/p1p.png
--- a/static/img/printers/p1s.png
+++ b/static/img/printers/p1s.png
--- a/static/img/printers/printer_placeholder.png
+++ b/static/img/printers/printer_placeholder.png
--- a/static/img/printers/x1c.png
+++ b/static/img/printers/x1c.png
--- a/static/img/printers/x1e.png
+++ b/static/img/printers/x1e.png
--- a/static/index.html
+++ b/static/index.html
@@ -7,8 +7,8 @@
 
				     <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png" />
			
 
				     <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png" />
			
 
				     <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png" />
			
 
				-    <script type="module" crossorigin src="/assets/index-BAbdSDeh.js"></script>
			
 
				-    <link rel="stylesheet" crossorigin href="/assets/index-BCXYYo2S.css">
			
 
				+    <script type="module" crossorigin src="/assets/index-B5zVKOmX.js"></script>
			
 
				+    <link rel="stylesheet" crossorigin href="/assets/index-BkIG8nsB.css">
			
 
				   </head>
			
 
				   <body>
			
 
				     <div id="root"></div>