Merge pull request #204 from SheetMetalConnect/claude/debug-qrm-dashboard-018fvhohPdyLYrAgMSEYRtMY

Debug QRM dashboard rendering issues

Author: SheetMetalConnect

src/i18n/locales/de/translation.json

@@ -1457,7 +1457,9 @@
       "title": "Zellen Zuverlässigkeit Heatmap",
       "cell": "Zelle",
       "week": "Woche"
-    }
+    },
+    "loadError": "Fehler beim Laden der QRM-Dashboard-Daten",
+    "noData": "Keine QRM-Daten verfügbar. Bitte stellen Sie sicher, dass Sie aktive Aufträge und Arbeitsgänge haben."
   },
   "terminal": {
     "columns": {

src/i18n/locales/en/translation.json

@@ -859,7 +859,9 @@
       "title": "Cell Reliability Heatmap",
       "cell": "Cell",
       "week": "Week"
-    }
+    },
+    "loadError": "Failed to load QRM dashboard data",
+    "noData": "No QRM data available. Please ensure you have active jobs and operations."
   },
   "stages": {
     "title": "Stage Configuration",

src/i18n/locales/nl/translation.json

@@ -1727,7 +1727,9 @@
       "title": "Cel Betrouwbaarheid Heatmap",
       "cell": "Cel",
       "week": "Week"
-    }
+    },
+    "loadError": "Fout bij laden van QRM dashboard gegevens",
+    "noData": "Geen QRM gegevens beschikbaar. Zorg ervoor dat u actieve orders en bewerkingen heeft."
   },
   "terminal": {
     "columns": {

src/pages/admin/analytics/QRMDashboard.tsx

@@ -23,16 +23,43 @@ const QRMDashboard = () => {
   const navigate = useNavigate();
   const [dateRange, setDateRange] = useState(30);
 
-  const { data: metrics, isLoading, refetch } = useQRMDashboardMetrics(dateRange);
+  const { data: metrics, isLoading, isError, error, isFetching, refetch } = useQRMDashboardMetrics(dateRange);
 
-  if (isLoading || !metrics) {
+  // Show loading only when actually fetching
+  if (isLoading || isFetching) {
     return (
       <div className="flex items-center justify-center min-h-screen">
         <Loader2 className="h-8 w-8 animate-spin text-primary" />
       </div>
     );
   }
 
+  // Show error state
+  if (isError) {
+    return (
+      <div className="flex flex-col items-center justify-center min-h-screen gap-4">
+        <p className="text-destructive">{t("common.error")}: {error?.message || t("qrm.loadError")}</p>
+        <Button variant="outline" onClick={() => navigate(ROUTES.ADMIN.ANALYTICS.ROOT)}>
+          <ArrowLeft className="h-4 w-4 mr-2" />
+          {t("common.goBack")}
+        </Button>
+      </div>
+    );
+  }
+
+  // Handle case where data is not available (query might be disabled)
+  if (!metrics) {
+    return (
+      <div className="flex flex-col items-center justify-center min-h-screen gap-4">
+        <p className="text-muted-foreground">{t("qrm.noData")}</p>
+        <Button variant="outline" onClick={() => navigate(ROUTES.ADMIN.ANALYTICS.ROOT)}>
+          <ArrowLeft className="h-4 w-4 mr-2" />
+          {t("common.goBack")}
+        </Button>
+      </div>
+    );
+  }
+
   return (
     <div className="space-y-6 p-6 pb-16 min-h-screen bg-background">
       {/* Header */}