From 6172b058df6b985c9fca060f586e3048a7273cc4 Mon Sep 17 00:00:00 2001
From: admin <admin@git.np-dms.work>
Date: Wed, 18 Mar 2026 10:03:13 +0700
Subject: [PATCH] 260318:1003 Fix UUID and UTF #2

---
 frontend/components/drawings/list.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/frontend/components/drawings/list.tsx b/frontend/components/drawings/list.tsx
index 72a26d2..0d82e54 100644
--- a/frontend/components/drawings/list.tsx
+++ b/frontend/components/drawings/list.tsx
@@ -29,6 +29,8 @@ export function DrawingList({ type, projectUuid, filters }: DrawingListProps) {
   const {
     data: response,
     isLoading,
+    isError,
+    error,
   } = useDrawings(type, {
     projectUuid,
     ...filters,
@@ -39,6 +41,21 @@ export function DrawingList({ type, projectUuid, filters }: DrawingListProps) {
   const drawings = response?.data || [];
   const meta = response?.meta || { total: 0, page: 1, limit: 20, totalPages: 0 };
 
+  if (isError) {
+    const axiosError = error as Error & { response?: { status?: number; data?: { message?: string | string[] } } };
+    const status = axiosError?.response?.status;
+    const message = axiosError?.response?.data?.message;
+    return (
+      <div className="rounded-md border border-destructive/50 bg-destructive/10 p-4 text-sm text-destructive">
+        <p className="font-medium">Failed to load {type.toLowerCase()} drawings</p>
+        <p className="mt-1 text-xs opacity-80">
+          {status && `HTTP ${status}: `}
+          {Array.isArray(message) ? message.join(', ') : message || axiosError.message}
+        </p>
+      </div>
+    );
+  }
+
   return (
     <div>
       <ServerDataTable