From f8848180f08c6ccfdce0380132a4561c6a0b2c07 Mon Sep 17 00:00:00 2001 From: BrunoQuaresma Date: Thu, 8 May 2025 19:53:53 +0000 Subject: [PATCH] chore: replace MUI icons #1 --- site/src/components/BuildIcon/BuildIcon.tsx | 12 +++++------- site/src/pages/TemplatePage/TemplatePageHeader.tsx | 4 ++-- .../WorkspaceActions/WorkspaceActions.tsx | 4 ++-- site/src/pages/WorkspacesPage/WorkspacesPageView.tsx | 10 ++++------ site/src/utils/workspace.tsx | 5 ++--- 5 files changed, 15 insertions(+), 20 deletions(-) diff --git a/site/src/components/BuildIcon/BuildIcon.tsx b/site/src/components/BuildIcon/BuildIcon.tsx index 69b52cf718fc7..43f7f2f60369a 100644 --- a/site/src/components/BuildIcon/BuildIcon.tsx +++ b/site/src/components/BuildIcon/BuildIcon.tsx @@ -1,17 +1,15 @@ -import DeleteOutlined from "@mui/icons-material/DeleteOutlined"; -import PlayArrowOutlined from "@mui/icons-material/PlayArrowOutlined"; -import StopOutlined from "@mui/icons-material/StopOutlined"; import type { WorkspaceTransition } from "api/typesGenerated"; +import { PlayIcon, SquareIcon, TrashIcon } from "lucide-react"; import type { ComponentProps } from "react"; -type SVGIcon = typeof PlayArrowOutlined; +type SVGIcon = typeof PlayIcon; type SVGIconProps = ComponentProps; const iconByTransition: Record = { - start: PlayArrowOutlined, - stop: StopOutlined, - delete: DeleteOutlined, + start: PlayIcon, + stop: SquareIcon, + delete: TrashIcon, }; export const BuildIcon = ( diff --git a/site/src/pages/TemplatePage/TemplatePageHeader.tsx b/site/src/pages/TemplatePage/TemplatePageHeader.tsx index 83c5b55019715..48fe621f2b827 100644 --- a/site/src/pages/TemplatePage/TemplatePageHeader.tsx +++ b/site/src/pages/TemplatePage/TemplatePageHeader.tsx @@ -1,5 +1,4 @@ import AddIcon from "@mui/icons-material/AddOutlined"; -import DeleteIcon from "@mui/icons-material/DeleteOutlined"; import EditIcon from "@mui/icons-material/EditOutlined"; import CopyIcon from "@mui/icons-material/FileCopyOutlined"; import SettingsIcon from "@mui/icons-material/SettingsOutlined"; @@ -30,6 +29,7 @@ import { } from "components/PageHeader/PageHeader"; import { Pill } from "components/Pill/Pill"; import { Stack } from "components/Stack/Stack"; +import { TrashIcon } from "lucide-react"; import { EllipsisVertical } from "lucide-react"; import { linkToTemplate, useLinks } from "modules/navigation"; import type { WorkspacePermissions } from "modules/permissions/workspaces"; @@ -105,7 +105,7 @@ const TemplateMenu: FC = ({ className="text-content-destructive focus:text-content-destructive" onClick={dialogState.openDeleteConfirmation} > - + Delete… diff --git a/site/src/pages/WorkspacePage/WorkspaceActions/WorkspaceActions.tsx b/site/src/pages/WorkspacePage/WorkspaceActions/WorkspaceActions.tsx index b65407806ed69..feb77c65124cb 100644 --- a/site/src/pages/WorkspacePage/WorkspaceActions/WorkspaceActions.tsx +++ b/site/src/pages/WorkspacePage/WorkspaceActions/WorkspaceActions.tsx @@ -1,4 +1,3 @@ -import DeleteIcon from "@mui/icons-material/DeleteOutlined"; import DownloadOutlined from "@mui/icons-material/DownloadOutlined"; import DuplicateIcon from "@mui/icons-material/FileCopyOutlined"; import HistoryIcon from "@mui/icons-material/HistoryOutlined"; @@ -13,6 +12,7 @@ import { DropdownMenuTrigger, } from "components/DropdownMenu/DropdownMenu"; import { useAuthenticated } from "hooks/useAuthenticated"; +import { TrashIcon } from "lucide-react"; import { EllipsisVertical } from "lucide-react"; import { type ActionType, @@ -227,7 +227,7 @@ export const WorkspaceActions: FC = ({ onClick={handleDelete} data-testid="delete-button" > - + Delete… diff --git a/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx b/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx index 6633f884e1263..5318f27e0f1b3 100644 --- a/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx +++ b/site/src/pages/WorkspacesPage/WorkspacesPageView.tsx @@ -1,8 +1,5 @@ import CloudQueue from "@mui/icons-material/CloudQueue"; -import DeleteOutlined from "@mui/icons-material/DeleteOutlined"; import KeyboardArrowDownOutlined from "@mui/icons-material/KeyboardArrowDownOutlined"; -import PlayArrowOutlined from "@mui/icons-material/PlayArrowOutlined"; -import StopOutlined from "@mui/icons-material/StopOutlined"; import LoadingButton from "@mui/lab/LoadingButton"; import { hasError, isApiValidationError } from "api/errors"; import type { Template, Workspace } from "api/typesGenerated"; @@ -22,6 +19,7 @@ import { PaginationHeader } from "components/PaginationWidget/PaginationHeader"; import { PaginationWidgetBase } from "components/PaginationWidget/PaginationWidgetBase"; import { Stack } from "components/Stack/Stack"; import { TableToolbar } from "components/TableToolbar/TableToolbar"; +import { PlayIcon, SquareIcon, TrashIcon } from "lucide-react"; import { WorkspacesTable } from "pages/WorkspacesPage/WorkspacesTable"; import type { FC } from "react"; import type { UseQueryResult } from "react-query"; @@ -160,7 +158,7 @@ export const WorkspacesPageView: FC = ({ } onClick={onStartAll} > - Start + Start = ({ } onClick={onStopAll} > - Stop + Stop @@ -180,7 +178,7 @@ export const WorkspacesPageView: FC = ({ className="text-content-destructive focus:text-content-destructive" onClick={onDeleteAll} > - Delete… + Delete… diff --git a/site/src/utils/workspace.tsx b/site/src/utils/workspace.tsx index de94ea8ca9589..acda0c1bb24a4 100644 --- a/site/src/utils/workspace.tsx +++ b/site/src/utils/workspace.tsx @@ -1,14 +1,13 @@ import type { Theme } from "@emotion/react"; import ErrorIcon from "@mui/icons-material/ErrorOutline"; import QueuedIcon from "@mui/icons-material/HourglassEmpty"; -import PlayIcon from "@mui/icons-material/PlayArrowOutlined"; -import StopIcon from "@mui/icons-material/StopOutlined"; import type * as TypesGen from "api/typesGenerated"; import { PillSpinner } from "components/Pill/Pill"; import dayjs from "dayjs"; import duration from "dayjs/plugin/duration"; import minMax from "dayjs/plugin/minMax"; import utc from "dayjs/plugin/utc"; +import { PlayIcon, SquareIcon } from "lucide-react"; import semver from "semver"; import { getPendingStatusLabel } from "./provisionerJob"; @@ -215,7 +214,7 @@ export const getDisplayWorkspaceStatus = ( return { type: "inactive", text: "Stopped", - icon: , + icon: , } as const; case "deleting": return {