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)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy