@@ -52,7 +52,7 @@ import dayjs from "dayjs";
52
52
import relativeTime from "dayjs/plugin/relativeTime" ;
53
53
import { useAuthenticated } from "hooks" ;
54
54
import { useClickableTableRow } from "hooks/useClickableTableRow" ;
55
- import { ChevronRightIcon } from "lucide-react" ;
55
+ import { ChevronRightIcon , EllipsisVertical } from "lucide-react" ;
56
56
import {
57
57
BanIcon ,
58
58
PlayIcon ,
@@ -377,8 +377,13 @@ const TableLoader: FC<TableLoaderProps> = ({ canCheckWorkspaces }) => {
377
377
< TableCell className = "w-2/6" >
378
378
< Skeleton variant = "text" width = "50%" />
379
379
</ TableCell >
380
- < TableCell className = "w-0" >
381
- < Skeleton variant = "rounded" width = { 40 } height = { 40 } />
380
+ < TableCell className = "w-0 " >
381
+ < div className = "flex gap-1 justify-end" >
382
+ < Skeleton variant = "rounded" width = { 40 } height = { 40 } />
383
+ < Button size = "icon-lg" variant = "subtle" disabled >
384
+ < EllipsisVertical aria-hidden = "true" />
385
+ </ Button >
386
+ </ div >
382
387
</ TableCell >
383
388
</ TableRowSkeleton >
384
389
</ TableLoaderSkeleton >
@@ -527,7 +532,12 @@ const WorkspaceActionsCell: FC<WorkspaceActionsCellProps> = ({
527
532
} ;
528
533
529
534
return (
530
- < TableCell >
535
+ < TableCell
536
+ onClick = { ( e ) => {
537
+ // Prevent the click in the actions to trigger the row click
538
+ e . stopPropagation ( ) ;
539
+ } }
540
+ >
531
541
< div className = "flex gap-1 justify-end" >
532
542
{ workspace . latest_build . status === "running" && (
533
543
< WorkspaceApps workspace = { workspace } />
@@ -601,14 +611,7 @@ const PrimaryAction: FC<PrimaryActionProps> = ({
601
611
< TooltipProvider >
602
612
< Tooltip >
603
613
< TooltipTrigger asChild >
604
- < Button
605
- variant = "outline"
606
- size = "icon-lg"
607
- onClick = { ( e ) => {
608
- e . stopPropagation ( ) ;
609
- onClick ( ) ;
610
- } }
611
- >
614
+ < Button variant = "outline" size = "icon-lg" onClick = { onClick } >
612
615
< Spinner loading = { isLoading } > { children } </ Spinner >
613
616
< span className = "sr-only" > { label } </ span >
614
617
</ Button >
0 commit comments