diff --git a/site/src/components/BuildIcon/BuildIcon.tsx b/site/src/components/BuildIcon/BuildIcon.tsx index afeff75872..43f7f2f603 100644 --- a/site/src/components/BuildIcon/BuildIcon.tsx +++ b/site/src/components/BuildIcon/BuildIcon.tsx @@ -1,5 +1,5 @@ import type { WorkspaceTransition } from "api/typesGenerated"; -import { PauseIcon, PlayIcon, TrashIcon } from "lucide-react"; +import { PlayIcon, SquareIcon, TrashIcon } from "lucide-react"; import type { ComponentProps } from "react"; type SVGIcon = typeof PlayIcon; @@ -8,7 +8,7 @@ type SVGIconProps = ComponentProps; const iconByTransition: Record = { start: PlayIcon, - stop: PauseIcon, + stop: SquareIcon, delete: TrashIcon, }; diff --git a/site/src/pages/WorkspacePage/WorkspaceActions/Buttons.tsx b/site/src/pages/WorkspacePage/WorkspaceActions/Buttons.tsx index dc18e93f08..5bc96e44a9 100644 --- a/site/src/pages/WorkspacePage/WorkspaceActions/Buttons.tsx +++ b/site/src/pages/WorkspacePage/WorkspaceActions/Buttons.tsx @@ -8,10 +8,10 @@ import { import { BanIcon, CloudIcon, - PauseIcon, PlayIcon, PowerIcon, RotateCcwIcon, + SquareIcon, StarIcon, StarOffIcon, } from "lucide-react"; @@ -130,7 +130,7 @@ export const StopButton: FC = ({ onClick={() => handleAction()} data-testid="workspace-stop-button" > - + {loading ? <>Stopping… : "Stop"} ); diff --git a/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx b/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx index b52a26ade5..c6c7e05ec5 100644 --- a/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx +++ b/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx @@ -20,8 +20,8 @@ import { TableToolbar } from "components/TableToolbar/TableToolbar"; import { ChevronDownIcon, CloudIcon, - PauseIcon, PlayIcon, + SquareIcon, TrashIcon, } from "lucide-react"; import { WorkspacesTable } from "pages/WorkspacesPage/WorkspacesTable"; @@ -175,7 +175,7 @@ export const WorkspacesPageView: FC = ({ } onClick={onBatchStopTransition} > - Stop + Stop diff --git a/site/src/pages/WorkspacesPage/WorkspacesTable.tsx b/site/src/pages/WorkspacesPage/WorkspacesTable.tsx index 0d72987751..259045ac0a 100644 --- a/site/src/pages/WorkspacesPage/WorkspacesTable.tsx +++ b/site/src/pages/WorkspacesPage/WorkspacesTable.tsx @@ -51,9 +51,9 @@ import { EllipsisVertical, ExternalLinkIcon, FileIcon, - PauseIcon, PlayIcon, RefreshCcwIcon, + SquareIcon, SquareTerminalIcon, StarIcon, } from "lucide-react"; @@ -491,7 +491,7 @@ const WorkspaceActionsCell: FC = ({ isLoading={stopWorkspaceMutation.isPending} label="Stop workspace" > - + )} @@ -736,7 +736,7 @@ const WorkspaceApps: FC = ({ workspace }) => { }} label="Open Terminal" > - + , ); } diff --git a/site/src/utils/workspace.tsx b/site/src/utils/workspace.tsx index 330dcbf9da..3c89ddce6d 100644 --- a/site/src/utils/workspace.tsx +++ b/site/src/utils/workspace.tsx @@ -8,8 +8,8 @@ import utc from "dayjs/plugin/utc"; import { CircleAlertIcon, HourglassIcon, - PauseIcon, PlayIcon, + SquareIcon, } from "lucide-react"; import semver from "semver"; import { getPendingStatusLabel } from "./provisionerJob"; @@ -241,7 +241,7 @@ export const getDisplayWorkspaceStatus = ( return { type: "inactive", text: "Stopped", - icon: , + icon: , } as const; case "deleting": return {