diff --git a/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx b/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx index ca0e980333..d9418db618 100644 --- a/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx +++ b/site/src/modules/workspaces/WorkspaceMoreActions/WorkspaceMoreActions.tsx @@ -21,6 +21,7 @@ import { EllipsisVertical, HistoryIcon, SettingsIcon, + SquareIcon, TrashIcon, } from "lucide-react"; import { type FC, useEffect, useState } from "react"; @@ -37,11 +38,15 @@ import { WorkspaceDeleteDialog } from "./WorkspaceDeleteDialog"; type WorkspaceMoreActionsProps = { workspace: Workspace; disabled: boolean; + onStop?: () => void; + isStopping?: boolean; }; export const WorkspaceMoreActions: FC = ({ workspace, disabled, + onStop, + isStopping, }) => { const queryClient = useQueryClient(); @@ -115,6 +120,13 @@ export const WorkspaceMoreActions: FC = ({ + {onStop && ( + + + Stop… + + )} + = ({ )} - {abilities.actions.includes("stop") && ( - setIsStopConfirmOpen(true)} - isLoading={stopWorkspaceMutation.isPending} - label="Stop workspace" - > - - - )} - {abilities.actions.includes("updateAndStart") && ( <> = ({ setIsStopConfirmOpen(true) + : undefined + } + isStopping={stopWorkspaceMutation.isPending} />