From 6b990bda52d8909669b2ecef556d0c0a8af4785c Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Wed, 15 Oct 2025 14:23:49 -0300
Subject: [PATCH] fix: minor visual fixes in the tasks table (#20317)

- Fix table size for failure and empty states
- Add skeleton for the "Delete" action in the table row

Fixes https://github.com/coder/coder/issues/20281
---
 site/src/pages/TasksPage/TasksTable.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/site/src/pages/TasksPage/TasksTable.tsx b/site/src/pages/TasksPage/TasksTable.tsx
index c9ff75bb36..8af0039b63 100644
--- a/site/src/pages/TasksPage/TasksTable.tsx
+++ b/site/src/pages/TasksPage/TasksTable.tsx
@@ -74,7 +74,7 @@ type TasksErrorBodyProps = {
 const TasksErrorBody: FC<TasksErrorBodyProps> = ({ error, onRetry }) => {
 	return (
 		<TableRow>
-			<TableCell colSpan={4} className="text-center">
+			<TableCell colSpan={5} className="text-center">
 				<div className="rounded-lg w-full min-h-80 flex items-center justify-center">
 					<div className="flex flex-col items-center">
 						<h3 className="m-0 font-medium text-content-primary text-base">
@@ -97,7 +97,7 @@ const TasksErrorBody: FC<TasksErrorBodyProps> = ({ error, onRetry }) => {
 const TasksEmpty: FC = () => {
 	return (
 		<TableRow>
-			<TableCell colSpan={4} className="text-center">
+			<TableCell colSpan={5} className="text-center">
 				<div className="w-full min-h-80 p-4 flex items-center justify-center">
 					<div className="flex flex-col items-center">
 						<h3 className="m-0 font-medium text-content-primary text-base">
@@ -216,6 +216,11 @@ const TasksSkeleton: FC = () => {
 				<TableCell>
 					<AvatarDataSkeleton />
 				</TableCell>
+				<TableCell>
+					<div className="flex justify-end items-center">
+						<Skeleton className="size-8" />
+					</div>
+				</TableCell>
 			</TableRowSkeleton>
 		</TableLoaderSkeleton>
 	);