251208:1625 Frontend: to be complete admin panel, Backend: tobe recheck all task

frontend/components/drawings/list.tsx

@@ -2,6 +2,7 @@
 
 import { DrawingCard } from "@/components/drawings/card";
 import { useDrawings } from "@/hooks/use-drawing";
+import { Drawing } from "@/types/drawing";
 import { Loader2 } from "lucide-react";
 
 interface DrawingListProps {
@@ -9,7 +10,7 @@ interface DrawingListProps {
 }
 
 export function DrawingList({ type }: DrawingListProps) {
-  const { data: drawings, isLoading, isError } = useDrawings(type, { type });
+  const { data: drawings, isLoading, isError } = useDrawings(type, { projectId: 1 });
 
   // Note: The hook handles switching services based on type.
   // The params { type } might be redundant if getAll doesn't use it, but safe to pass.
@@ -30,7 +31,7 @@ export function DrawingList({ type }: DrawingListProps) {
     );
   }
 
-  if (!drawings || drawings.length === 0) {
+  if (!drawings?.data || drawings.data.length === 0) {
     return (
       <div className="text-center py-12 text-muted-foreground border rounded-lg border-dashed">
         No drawings found.
@@ -40,8 +41,8 @@ export function DrawingList({ type }: DrawingListProps) {
 
   return (
     <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-3 gap-6">
-      {drawings.map((drawing: any) => (
-        <DrawingCard key={drawing[type === 'CONTRACT' ? 'contract_drawing_id' : 'shop_drawing_id'] || drawing.id || drawing.drawing_id} drawing={drawing} />
+      {drawings.data.map((drawing: Drawing) => (
+        <DrawingCard key={(drawing as any)[type === 'CONTRACT' ? 'contract_drawing_id' : 'shop_drawing_id'] || drawing.drawing_id || (drawing as any).id} drawing={drawing} />
       ))}
     </div>
   );