Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 9d7630b

Browse files
BrunoQuaresmaBrunoQuaresma
authored
chore: replace MUI icons - 1 (#17731)
1. Replaced MUI StopOutlined with Lucide SquareIcon in: - workspace.tsx - WorkspacesPageView.tsx - BuildIcon.tsx 2. Replaced MUI PlayArrowOutlined with Lucide PlayIcon in: - workspace.tsx - WorkspacesPageView.tsx - BuildIcon.tsx 3. Replaced MUI DeleteOutlined with Lucide TrashIcon in: - WorkspacesPageView.tsx - WorkspaceActions.tsx - TemplatePageHeader.tsx - BuildIcon.tsx
1 parent 0b8fd7e commit 9d7630b

File tree

5 files changed

+15
-20
lines changed

5 files changed

+15
-20
lines changed

‎site/src/components/BuildIcon/BuildIcon.tsx

+5-7
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,15 @@
1-
import DeleteOutlined from "@mui/icons-material/DeleteOutlined";
2-
import PlayArrowOutlined from "@mui/icons-material/PlayArrowOutlined";
3-
import StopOutlined from "@mui/icons-material/StopOutlined";
41
import type { WorkspaceTransition } from "api/typesGenerated";
2+
import { PlayIcon, SquareIcon, TrashIcon } from "lucide-react";
53
import type { ComponentProps } from "react";
64

7-
type SVGIcon = typeof PlayArrowOutlined;
5+
type SVGIcon = typeof PlayIcon;
86

97
type SVGIconProps = ComponentProps<SVGIcon>;
108

119
const iconByTransition: Record<WorkspaceTransition, SVGIcon> = {
12-
start: PlayArrowOutlined,
13-
stop: StopOutlined,
14-
delete: DeleteOutlined,
10+
start: PlayIcon,
11+
stop: SquareIcon,
12+
delete: TrashIcon,
1513
};
1614

1715
export const BuildIcon = (

‎site/src/pages/TemplatePage/TemplatePageHeader.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import AddIcon from "@mui/icons-material/AddOutlined";
2-
import DeleteIcon from "@mui/icons-material/DeleteOutlined";
32
import EditIcon from "@mui/icons-material/EditOutlined";
43
import CopyIcon from "@mui/icons-material/FileCopyOutlined";
54
import SettingsIcon from "@mui/icons-material/SettingsOutlined";
@@ -30,6 +29,7 @@ import {
3029
} from "components/PageHeader/PageHeader";
3130
import { Pill } from "components/Pill/Pill";
3231
import { Stack } from "components/Stack/Stack";
32+
import { TrashIcon } from "lucide-react";
3333
import { EllipsisVertical } from "lucide-react";
3434
import { linkToTemplate, useLinks } from "modules/navigation";
3535
import type { WorkspacePermissions } from "modules/permissions/workspaces";
@@ -105,7 +105,7 @@ const TemplateMenu: FC<TemplateMenuProps> = ({
105105
className="text-content-destructive focus:text-content-destructive"
106106
onClick={dialogState.openDeleteConfirmation}
107107
>
108-
<DeleteIcon />
108+
<TrashIcon />
109109
Delete&hellip;
110110
</DropdownMenuItem>
111111
</DropdownMenuContent>

‎site/src/pages/WorkspacePage/WorkspaceActions/WorkspaceActions.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
import DeleteIcon from "@mui/icons-material/DeleteOutlined";
21
import DownloadOutlined from "@mui/icons-material/DownloadOutlined";
32
import DuplicateIcon from "@mui/icons-material/FileCopyOutlined";
43
import HistoryIcon from "@mui/icons-material/HistoryOutlined";
@@ -13,6 +12,7 @@ import {
1312
DropdownMenuTrigger,
1413
} from "components/DropdownMenu/DropdownMenu";
1514
import { useAuthenticated } from "hooks/useAuthenticated";
15+
import { TrashIcon } from "lucide-react";
1616
import { EllipsisVertical } from "lucide-react";
1717
import {
1818
type ActionType,
@@ -227,7 +227,7 @@ export const WorkspaceActions: FC<WorkspaceActionsProps> = ({
227227
onClick={handleDelete}
228228
data-testid="delete-button"
229229
>
230-
<DeleteIcon />
230+
<TrashIcon />
231231
Delete&hellip;
232232
</DropdownMenuItem>
233233
</DropdownMenuContent>

‎site/src/pages/WorkspacesPage/WorkspacesPageView.tsx

+4-6
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,5 @@
11
import CloudQueue from "@mui/icons-material/CloudQueue";
2-
import DeleteOutlined from "@mui/icons-material/DeleteOutlined";
32
import KeyboardArrowDownOutlined from "@mui/icons-material/KeyboardArrowDownOutlined";
4-
import PlayArrowOutlined from "@mui/icons-material/PlayArrowOutlined";
5-
import StopOutlined from "@mui/icons-material/StopOutlined";
63
import LoadingButton from "@mui/lab/LoadingButton";
74
import { hasError, isApiValidationError } from "api/errors";
85
import type { Template, Workspace } from "api/typesGenerated";
@@ -22,6 +19,7 @@ import { PaginationHeader } from "components/PaginationWidget/PaginationHeader";
2219
import { PaginationWidgetBase } from "components/PaginationWidget/PaginationWidgetBase";
2320
import { Stack } from "components/Stack/Stack";
2421
import { TableToolbar } from "components/TableToolbar/TableToolbar";
22+
import { PlayIcon, SquareIcon, TrashIcon } from "lucide-react";
2523
import { WorkspacesTable } from "pages/WorkspacesPage/WorkspacesTable";
2624
import type { FC } from "react";
2725
import type { UseQueryResult } from "react-query";
@@ -160,7 +158,7 @@ export const WorkspacesPageView: FC<WorkspacesPageViewProps> = ({
160158
}
161159
onClick={onStartAll}
162160
>
163-
<PlayArrowOutlined /> Start
161+
<PlayIcon /> Start
164162
</DropdownMenuItem>
165163
<DropdownMenuItem
166164
disabled={
@@ -170,7 +168,7 @@ export const WorkspacesPageView: FC<WorkspacesPageViewProps> = ({
170168
}
171169
onClick={onStopAll}
172170
>
173-
<StopOutlined /> Stop
171+
<SquareIcon /> Stop
174172
</DropdownMenuItem>
175173
<DropdownMenuSeparator />
176174
<DropdownMenuItem onClick={onUpdateAll}>
@@ -180,7 +178,7 @@ export const WorkspacesPageView: FC<WorkspacesPageViewProps> = ({
180178
className="text-content-destructive focus:text-content-destructive"
181179
onClick={onDeleteAll}
182180
>
183-
<DeleteOutlined /> Delete&hellip;
181+
<TrashIcon /> Delete&hellip;
184182
</DropdownMenuItem>
185183
</DropdownMenuContent>
186184
</DropdownMenu>

‎site/src/utils/workspace.tsx

+2-3
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,13 @@
11
import type { Theme } from "@emotion/react";
22
import ErrorIcon from "@mui/icons-material/ErrorOutline";
33
import QueuedIcon from "@mui/icons-material/HourglassEmpty";
4-
import PlayIcon from "@mui/icons-material/PlayArrowOutlined";
5-
import StopIcon from "@mui/icons-material/StopOutlined";
64
import type * as TypesGen from "api/typesGenerated";
75
import { PillSpinner } from "components/Pill/Pill";
86
import dayjs from "dayjs";
97
import duration from "dayjs/plugin/duration";
108
import minMax from "dayjs/plugin/minMax";
119
import utc from "dayjs/plugin/utc";
10+
import { PlayIcon, SquareIcon } from "lucide-react";
1211
import semver from "semver";
1312
import { getPendingStatusLabel } from "./provisionerJob";
1413

@@ -215,7 +214,7 @@ export const getDisplayWorkspaceStatus = (
215214
return {
216215
type: "inactive",
217216
text: "Stopped",
218-
icon: <StopIcon />,
217+
icon: <SquareIcon />,
219218
} as const;
220219
case "deleting":
221220
return {

0 commit comments

Comments
 (0)