opensource/coder
3
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2026-09-24 15:04:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: minor visual fixes in the tasks table (#20317)

Browse Source 
- 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
This commit is contained in:
Bruno Quaresma
2025-10-15 14:23:49 -03:00
committed by GitHub
parent df738abccd
commit 6b990bda52
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/pages/TasksPage/TasksTable.tsx
+7 -2
View File
@@ -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>
);