From 78a5ea13c96f994c769c09ae9eb34f70af0e0a49 Mon Sep 17 00:00:00 2001
From: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>
Date: Wed, 30 Aug 2023 16:38:06 +0000
Subject: [PATCH] fix(site): remove checkbox from ws table loader

---
 .../pages/WorkspacesPage/WorkspacesTable.tsx  | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/site/src/pages/WorkspacesPage/WorkspacesTable.tsx b/site/src/pages/WorkspacesPage/WorkspacesTable.tsx
index 0422a34366332..4dde93aa3539b 100644
--- a/site/src/pages/WorkspacesPage/WorkspacesTable.tsx
+++ b/site/src/pages/WorkspacesPage/WorkspacesTable.tsx
@@ -97,7 +97,9 @@ export const WorkspacesTable: FC<WorkspacesTableProps> = ({
           </TableRow>
         </TableHead>
         <TableBody>
-          {!workspaces && <TableLoader />}
+          {!workspaces && (
+            <TableLoader canCheckWorkspaces={canCheckWorkspaces} />
+          )}
           {workspaces && workspaces.length === 0 && (
             <ChooseOne>
               <Cond condition={isUsingFilter}>
@@ -285,18 +287,19 @@ export const UnhealthyTooltip = () => {
   )
 }
 
-const TableLoader = () => {
+const TableLoader = ({
+  canCheckWorkspaces,
+}: {
+  canCheckWorkspaces: boolean
+}) => {
   return (
     <TableLoaderSkeleton>
       <TableRowSkeleton>
-        <TableCell
-          width="40%"
-          sx={{
-            paddingLeft: (theme) => `${theme.spacing(1.5)} !important`,
-          }}
-        >
+        <TableCell width="40%">
           <Box sx={{ display: "flex", alignItems: "center", gap: 1 }}>
-            <Checkbox size="small" disabled />
+            {canCheckWorkspaces && (
+              <Checkbox size="small" disabled sx={{ marginLeft: "-20px" }} />
+            )}
             <AvatarDataSkeleton />
           </Box>
         </TableCell>