5 月之前 · 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>