From 25b3d65fbb7276d01ae069393fdd4d764c1468d9 Mon Sep 17 00:00:00 2001
From: Sandip Godhani <72650657+Sandipxg@users.noreply.github.com>
Date: Sat, 3 Oct 2026 17:31:30 +0530
Subject: [PATCH] feat(ui): add withCheckbox support to DataTableSkeleton
 (#2785)

* feat(ui): add withCheckbox support to DataTableSkeleton

* refactor(ui): remove withCheckbox and obsolete TODO from DataTableSkeleton

- Remove unused withCheckbox property from DataTableSkeleton

- Remove obsolete TODO comment regarding checkbox skeleton
---
 .../src/components/ui/data-table/data-table-skeleton.tsx      | 2 --
 .../src/components/ui/data-table/data-table-skeleton.tsx      | 4 +---
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/apps/dashboard/src/components/ui/data-table/data-table-skeleton.tsx b/apps/dashboard/src/components/ui/data-table/data-table-skeleton.tsx
index 4edf0130..7298f07d 100644
--- a/apps/dashboard/src/components/ui/data-table/data-table-skeleton.tsx
+++ b/apps/dashboard/src/components/ui/data-table/data-table-skeleton.tsx
@@ -16,8 +16,6 @@ interface DataTableSkeletonProps {
   rows?: number;
 }
 
-// TODO: add checkbox skeleton (for MonitorTable e.g.)
-
 export function DataTableSkeleton({ rows = 3 }: DataTableSkeletonProps) {
   return (
     <Table>
diff --git a/apps/status-page/src/components/ui/data-table/data-table-skeleton.tsx b/apps/status-page/src/components/ui/data-table/data-table-skeleton.tsx
index f91f496c..7298f07d 100644
--- a/apps/status-page/src/components/ui/data-table/data-table-skeleton.tsx
+++ b/apps/status-page/src/components/ui/data-table/data-table-skeleton.tsx
@@ -16,8 +16,6 @@ interface DataTableSkeletonProps {
   rows?: number;
 }
 
-// TODO: add checkbox skeleton (for MonitorTable e.g.)
-
 export function DataTableSkeleton({ rows = 3 }: DataTableSkeletonProps) {
   return (
     <Table>
@@ -39,7 +37,7 @@ export function DataTableSkeleton({ rows = 3 }: DataTableSkeletonProps) {
         </TableRow>
       </TableHeader>
       <TableBody>
-        {new Array(rows).fill(0).map((_, i) => (
+        {Array.from({ length: rows }).map((_, i) => (
           <TableRow key={i} className="hover:bg-transparent">
             <TableCell>
               <Skeleton className="my-1.5 h-4 w-full max-w-40" />
-- 
2.51.2