Skip to content

Commit df56a13

Browse files
BrunoQuaresmaBrunoQuaresma
authored
chore: replace MUI icons with Lucide icons - 12 (#17815)
AddOutlined -> PlusIcon RemoveOutlined -> TrashIcon ScheduleOutlined -> ClockIcon
1 parent 6e96778 commit df56a13

File tree

9 files changed

+34
-31
lines changed

9 files changed

+34
-31
lines changed

‎site/src/pages/DeploymentSettingsPage/LicensesSettingsPage/LicensesSettingsPageView.tsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import { type Interpolation, type Theme, useTheme } from "@emotion/react";
2-
import AddIcon from "@mui/icons-material/AddOutlined";
32
import MuiButton from "@mui/material/Button";
43
import MuiLink from "@mui/material/Link";
54
import Skeleton from "@mui/material/Skeleton";
@@ -15,7 +14,7 @@ import {
1514
import { Spinner } from "components/Spinner/Spinner";
1615
import { Stack } from "components/Stack/Stack";
1716
import { useWindowSize } from "hooks/useWindowSize";
18-
import { RotateCwIcon } from "lucide-react";
17+
import { PlusIcon, RotateCwIcon } from "lucide-react";
1918
import type { FC } from "react";
2019
import Confetti from "react-confetti";
2120
import { Link } from "react-router-dom";
@@ -76,7 +75,7 @@ const LicensesSettingsPageView: FC<Props> = ({
7675
<MuiButton
7776
component={Link}
7877
to="/deployment/licenses/add"
79-
startIcon={<AddIcon />}
78+
startIcon={<PlusIcon className="size-icon-sm" />}
8079
>
8180
Add a license
8281
</MuiButton>

‎site/src/pages/DeploymentSettingsPage/OAuth2AppsSettingsPage/OAuth2AppsSettingsPageView.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import { useTheme } from "@emotion/react";
2-
import AddIcon from "@mui/icons-material/AddOutlined";
32
import KeyboardArrowRight from "@mui/icons-material/KeyboardArrowRight";
43
import Button from "@mui/material/Button";
54
import Table from "@mui/material/Table";
@@ -19,6 +18,7 @@ import {
1918
import { Stack } from "components/Stack/Stack";
2019
import { TableLoader } from "components/TableLoader/TableLoader";
2120
import { useClickableTableRow } from "hooks/useClickableTableRow";
21+
import { PlusIcon } from "lucide-react";
2222
import type { FC } from "react";
2323
import { Link, useNavigate } from "react-router-dom";
2424

@@ -52,7 +52,7 @@ const OAuth2AppsSettingsPageView: FC<OAuth2AppsSettingsProps> = ({
5252
<Button
5353
component={Link}
5454
to="/deployment/oauth2-provider/apps/add"
55-
startIcon={<AddIcon />}
55+
startIcon={<PlusIcon className="size-icon-sm" />}
5656
>
5757
Add application
5858
</Button>

‎site/src/pages/GroupsPage/GroupsPageView.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import type { Interpolation, Theme } from "@emotion/react";
2-
import AddOutlined from "@mui/icons-material/AddOutlined";
32
import KeyboardArrowRight from "@mui/icons-material/KeyboardArrowRight";
43
import Skeleton from "@mui/material/Skeleton";
54
import type { Group } from "api/typesGenerated";
@@ -24,6 +23,7 @@ import {
2423
TableRowSkeleton,
2524
} from "components/TableLoader/TableLoader";
2625
import { useClickableTableRow } from "hooks";
26+
import { PlusIcon } from "lucide-react";
2727
import type { FC } from "react";
2828
import { Link as RouterLink, useNavigate } from "react-router-dom";
2929
import { docs } from "utils/docs";
@@ -81,7 +81,7 @@ export const GroupsPageView: FC<GroupsPageViewProps> = ({
8181
canCreateGroup && (
8282
<Button asChild>
8383
<RouterLink to="create">
84-
<AddOutlined />
84+
<PlusIcon className="size-icon-sm" />
8585
Create group
8686
</RouterLink>
8787
</Button>

‎site/src/pages/OrganizationSettingsPage/CustomRolesPage/CustomRolesPageView.tsx

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
11
import type { Interpolation, Theme } from "@emotion/react";
2-
import AddIcon from "@mui/icons-material/AddOutlined";
3-
import AddOutlined from "@mui/icons-material/AddOutlined";
42
import Button from "@mui/material/Button";
53
import Skeleton from "@mui/material/Skeleton";
64
import type { AssignableRoles, Role } from "api/typesGenerated";
@@ -27,7 +25,7 @@ import {
2725
TableLoaderSkeleton,
2826
TableRowSkeleton,
2927
} from "components/TableLoader/TableLoader";
30-
import { EllipsisVertical } from "lucide-react";
28+
import { EllipsisVertical, PlusIcon } from "lucide-react";
3129
import type { FC } from "react";
3230
import { Link as RouterLink, useNavigate } from "react-router-dom";
3331
import { docs } from "utils/docs";
@@ -74,7 +72,11 @@ export const CustomRolesPageView: FC<CustomRolesPageViewProps> = ({
7472
</span>
7573
</span>
7674
{canCreateOrgRole && isCustomRolesEnabled && (
77-
<Button component={RouterLink} startIcon={<AddIcon />} to="create">
75+
<Button
76+
component={RouterLink}
77+
startIcon={<PlusIcon className="size-icon-sm" />}
78+
to="create"
79+
>
7880
Create custom role
7981
</Button>
8082
)}
@@ -158,7 +160,7 @@ const RoleTable: FC<RoleTableProps> = ({
158160
<Button
159161
component={RouterLink}
160162
to="create"
161-
startIcon={<AddOutlined />}
163+
startIcon={<PlusIcon className="size-icon-sm" />}
162164
variant="contained"
163165
>
164166
Create custom role

‎site/src/pages/StarterTemplatePage/StarterTemplatePageView.tsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import { useTheme } from "@emotion/react";
2-
import PlusIcon from "@mui/icons-material/AddOutlined";
32
import Button from "@mui/material/Button";
43
import type { TemplateExample } from "api/typesGenerated";
54
import { ErrorAlert } from "components/Alert/ErrorAlert";
@@ -13,7 +12,7 @@ import {
1312
PageHeaderTitle,
1413
} from "components/PageHeader/PageHeader";
1514
import { Stack } from "components/Stack/Stack";
16-
import { ExternalLinkIcon } from "lucide-react";
15+
import { ExternalLinkIcon, PlusIcon } from "lucide-react";
1716
import type { FC } from "react";
1817
import { Link } from "react-router-dom";
1918

@@ -58,7 +57,7 @@ export const StarterTemplatePageView: FC<StarterTemplatePageViewProps> = ({
5857
variant="contained"
5958
component={Link}
6059
to={`/templates/new?exampleId=${starterTemplate.id}`}
61-
startIcon={<PlusIcon />}
60+
startIcon={<PlusIcon className="size-icon-sm" />}
6261
>
6362
Use template
6463
</Button>

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

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
import AddIcon from "@mui/icons-material/AddOutlined";
21
import EditIcon from "@mui/icons-material/EditOutlined";
32
import CopyIcon from "@mui/icons-material/FileCopyOutlined";
43
import Button from "@mui/material/Button";
@@ -28,9 +27,12 @@ import {
2827
} from "components/PageHeader/PageHeader";
2928
import { Pill } from "components/Pill/Pill";
3029
import { Stack } from "components/Stack/Stack";
31-
import { SettingsIcon } from "lucide-react";
32-
import { TrashIcon } from "lucide-react";
33-
import { EllipsisVertical } from "lucide-react";
30+
import {
31+
EllipsisVertical,
32+
PlusIcon,
33+
SettingsIcon,
34+
TrashIcon,
35+
} from "lucide-react";
3436
import { linkToTemplate, useLinks } from "modules/navigation";
3537
import type { WorkspacePermissions } from "modules/permissions/workspaces";
3638
import type { FC } from "react";
@@ -190,7 +192,7 @@ export const TemplatePageHeader: FC<TemplatePageHeaderProps> = ({
190192
workspacePermissions.createWorkspaceForUserID && (
191193
<Button
192194
variant="contained"
193-
startIcon={<AddIcon />}
195+
startIcon={<PlusIcon className="size-icon-sm" />}
194196
component={RouterLink}
195197
to={`${templateLink}/workspace`}
196198
>

‎site/src/pages/TemplateVersionEditorPage/TemplateVersionEditor.tsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import { type Interpolation, type Theme, useTheme } from "@emotion/react";
2-
import CreateIcon from "@mui/icons-material/AddOutlined";
32
import ArrowBackOutlined from "@mui/icons-material/ArrowBackOutlined";
43
import WarningOutlined from "@mui/icons-material/WarningOutlined";
54
import Button from "@mui/material/Button";
@@ -26,7 +25,7 @@ import {
2625
} from "components/FullPageLayout/Topbar";
2726
import { displayError } from "components/GlobalSnackbar/utils";
2827
import { Loader } from "components/Loader/Loader";
29-
import { PlayIcon, XIcon } from "lucide-react";
28+
import { PlayIcon, PlusIcon, XIcon } from "lucide-react";
3029
import { linkToTemplate, useLinks } from "modules/navigation";
3130
import { ProvisionerAlert } from "modules/provisioners/ProvisionerAlert";
3231
import { AlertVariant } from "modules/provisioners/ProvisionerAlert";
@@ -360,7 +359,7 @@ export const TemplateVersionEditor: FC<TemplateVersionEditorProps> = ({
360359
event.currentTarget.blur();
361360
}}
362361
>
363-
<CreateIcon css={{ width: 16, height: 16 }} />
362+
<PlusIcon className="size-icon-xs" />
364363
</IconButton>
365364
</Tooltip>
366365
</div>

‎site/src/pages/UserSettingsPage/TokensPage/TokensPage.tsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import { type Interpolation, type Theme, css } from "@emotion/react";
2-
import AddIcon from "@mui/icons-material/AddOutlined";
32
import Button from "@mui/material/Button";
43
import type { APIKeyWithOwner } from "api/typesGenerated";
54
import { Stack } from "components/Stack/Stack";
5+
import { PlusIcon } from "lucide-react";
66
import { type FC, useState } from "react";
77
import { Link as RouterLink } from "react-router-dom";
88
import { Section } from "../Section";
@@ -65,7 +65,11 @@ const TokensPage: FC = () => {
6565

6666
const TokenActions: FC = () => (
6767
<Stack direction="row" justifyContent="end" css={{ marginBottom: 8 }}>
68-
<Button startIcon={<AddIcon />} component={RouterLink} to="new">
68+
<Button
69+
startIcon={<PlusIcon className="size-icon-sm" />}
70+
component={RouterLink}
71+
to="new"
72+
>
6973
Add token
7074
</Button>
7175
</Stack>

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

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,4 @@
11
import type { Interpolation, Theme } from "@emotion/react";
2-
import AddIcon from "@mui/icons-material/AddOutlined";
3-
import RemoveIcon from "@mui/icons-material/RemoveOutlined";
4-
import ScheduleOutlined from "@mui/icons-material/ScheduleOutlined";
52
import IconButton from "@mui/material/IconButton";
63
import Link, { type LinkProps } from "@mui/material/Link";
74
import Tooltip from "@mui/material/Tooltip";
@@ -16,6 +13,7 @@ import { TopbarData, TopbarIcon } from "components/FullPageLayout/Topbar";
1613
import { displayError, displaySuccess } from "components/GlobalSnackbar/utils";
1714
import dayjs, { type Dayjs } from "dayjs";
1815
import { useTime } from "hooks/useTime";
16+
import { ClockIcon, MinusIcon, PlusIcon } from "lucide-react";
1917
import { getWorkspaceActivityStatus } from "modules/workspaces/activity";
2018
import { type FC, type ReactNode, forwardRef, useRef, useState } from "react";
2119
import { useMutation, useQueryClient } from "react-query";
@@ -41,7 +39,7 @@ const WorkspaceScheduleContainer: FC<WorkspaceScheduleContainerProps> = ({
4139
}) => {
4240
const icon = (
4341
<TopbarIcon>
44-
<ScheduleOutlined aria-label="Schedule" />
42+
<ClockIcon aria-label="Schedule" className="size-icon-sm" />
4543
</TopbarIcon>
4644
);
4745

@@ -211,7 +209,7 @@ const AutostopDisplay: FC<AutostopDisplayProps> = ({
211209
handleDeadlineChange(deadline.subtract(1, "h"));
212210
}}
213211
>
214-
<RemoveIcon />
212+
<MinusIcon className="size-icon-xs" />
215213
<span style={visuallyHidden}>Subtract 1 hour</span>
216214
</IconButton>
217215
</Tooltip>
@@ -224,7 +222,7 @@ const AutostopDisplay: FC<AutostopDisplayProps> = ({
224222
handleDeadlineChange(deadline.add(1, "h"));
225223
}}
226224
>
227-
<AddIcon />
225+
<PlusIcon className="size-icon-xs" />
228226
<span style={visuallyHidden}>Add 1 hour</span>
229227
</IconButton>
230228
</Tooltip>

0 commit comments

Comments
 (0)