From 6d4d851f1d6bce96cd39d32321fa736e80401118 Mon Sep 17 00:00:00 2001
From: shancds <shancds1@gmail.com>
Date: Thu, 3 Jul 2025 19:13:03 +0530
Subject: [PATCH] feat(enhanced-kanban): replace loading spinner with skeleton
 loader

- Updated the loading state in the EnhancedKanbanBoardNativeDnD component to use a Skeleton loader instead of a Spin component for improved user experience during data fetching.
---
 .../EnhancedKanbanBoardNativeDnD.tsx                           | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/EnhancedKanbanBoardNativeDnD.tsx b/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/EnhancedKanbanBoardNativeDnD.tsx
index 755ce2d0..f9600aa8 100644
--- a/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/EnhancedKanbanBoardNativeDnD.tsx
+++ b/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/EnhancedKanbanBoardNativeDnD.tsx
@@ -19,6 +19,7 @@ import { useAuthService } from '@/hooks/useAuth';
 import { statusApiService } from '@/api/taskAttributes/status/status.api.service';
 import alertService from '@/services/alerts/alertService';
 import logger from '@/utils/errorLogger';
+import Skeleton from 'antd/es/skeleton/Skeleton';
 
 const EnhancedKanbanBoardNativeDnD: React.FC<{ projectId: string }> = ({ projectId }) => {
   const dispatch = useDispatch();
@@ -294,7 +295,7 @@ const EnhancedKanbanBoardNativeDnD: React.FC<{ projectId: string }> = ({ project
         {loadingGroups ? (
           <Card>
             <div className="flex justify-center items-center py-8">
-              <Spin size="large" />
+              <Skeleton active />
             </div>
           </Card>
         ) : taskGroups.length === 0 ? (