Skip to content

Commit 709445e

Browse files
BrunoQuaresmaBrunoQuaresma
authored
chore: replace MUI icons with Lucide icons - 9 (#17796)
OpenInNew -> ExternalLinkIcon KeyboardArrowLeft -> ChevronLeftIcon KeyboardArrowRight -> ChevronRightIcon Settings -> SettingsIcon
1 parent 64807e1 commit 709445e

File tree

6 files changed

+13
-14
lines changed

6 files changed

+13
-14
lines changed

‎site/src/components/HelpTooltip/HelpTooltip.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@ import {
55
css,
66
useTheme,
77
} from "@emotion/react";
8-
import OpenInNewIcon from "@mui/icons-material/OpenInNew";
98
import Link from "@mui/material/Link";
109
import { Stack } from "components/Stack/Stack";
1110
import {
@@ -16,6 +15,7 @@ import {
1615
PopoverTrigger,
1716
usePopover,
1817
} from "components/deprecated/Popover/Popover";
18+
import { ExternalLinkIcon } from "lucide-react";
1919
import { CircleHelpIcon } from "lucide-react";
2020
import {
2121
type FC,
@@ -137,7 +137,7 @@ interface HelpTooltipLink {
137137
export const HelpTooltipLink: FC<HelpTooltipLink> = ({ children, href }) => {
138138
return (
139139
<Link href={href} target="_blank" rel="noreferrer" css={styles.link}>
140-
<OpenInNewIcon css={styles.linkIcon} />
140+
<ExternalLinkIcon className="size-icon-xs" css={styles.linkIcon} />
141141
{children}
142142
</Link>
143143
);

‎site/src/components/PaginationWidget/PaginationWidgetBase.tsx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import { useTheme } from "@emotion/react";
2-
import KeyboardArrowLeft from "@mui/icons-material/KeyboardArrowLeft";
3-
import KeyboardArrowRight from "@mui/icons-material/KeyboardArrowRight";
42
import useMediaQuery from "@mui/material/useMediaQuery";
3+
import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
54
import type { FC } from "react";
65
import { NumberedPageButton, PlaceholderPageButton } from "./PageButtons";
76
import { PaginationNavButton } from "./PaginationNavButton";
@@ -60,7 +59,7 @@ export const PaginationWidgetBase: FC<PaginationWidgetBaseProps> = ({
6059
}
6160
}}
6261
>
63-
<KeyboardArrowLeft />
62+
<ChevronLeftIcon className="size-icon-sm" />
6463
</PaginationNavButton>
6564

6665
{isMobile ? (
@@ -87,7 +86,7 @@ export const PaginationWidgetBase: FC<PaginationWidgetBaseProps> = ({
8786
}
8887
}}
8988
>
90-
<KeyboardArrowRight />
89+
<ChevronRightIcon className="size-icon-sm" />
9190
</PaginationNavButton>
9291
</div>
9392
);

‎site/src/components/RichParameterInput/RichParameterInput.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 SettingsIcon from "@mui/icons-material/Settings";
32
import Button from "@mui/material/Button";
43
import FormControlLabel from "@mui/material/FormControlLabel";
54
import FormHelperText from "@mui/material/FormHelperText";
@@ -13,6 +12,7 @@ import { ExternalImage } from "components/ExternalImage/ExternalImage";
1312
import { MemoizedMarkdown } from "components/Markdown/Markdown";
1413
import { Pill } from "components/Pill/Pill";
1514
import { Stack } from "components/Stack/Stack";
15+
import { SettingsIcon } from "lucide-react";
1616
import { CircleAlertIcon } from "lucide-react";
1717
import { type FC, type ReactNode, useState } from "react";
1818
import type {
@@ -153,7 +153,7 @@ const ParameterLabel: FC<ParameterLabelProps> = ({ parameter, isPreset }) => {
153153
)}
154154
{isPreset && (
155155
<Tooltip title="This value was set by a preset">
156-
<Pill type="info" icon={<SettingsIcon />}>
156+
<Pill type="info" icon={<SettingsIcon className="size-icon-xs" />}>
157157
Preset
158158
</Pill>
159159
</Tooltip>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import type { Interpolation, Theme } from "@emotion/react";
22
import PersonAdd from "@mui/icons-material/PersonAdd";
3-
import SettingsOutlined from "@mui/icons-material/SettingsOutlined";
43
import LoadingButton from "@mui/lab/LoadingButton";
54
import Button from "@mui/material/Button";
65
import { getErrorMessage } from "api/errors";
@@ -50,6 +49,7 @@ import {
5049
TableToolbar,
5150
} from "components/TableToolbar/TableToolbar";
5251
import { MemberAutocomplete } from "components/UserAutocomplete/UserAutocomplete";
52+
import { SettingsIcon } from "lucide-react";
5353
import { EllipsisVertical, TrashIcon } from "lucide-react";
5454
import { type FC, useState } from "react";
5555
import { Helmet } from "react-helmet-async";
@@ -123,7 +123,7 @@ const GroupPage: FC = () => {
123123
<Stack direction="row" spacing={2}>
124124
<Button
125125
component={RouterLink}
126-
startIcon={<SettingsOutlined />}
126+
startIcon={<SettingsIcon className="size-icon-sm" />}
127127
to="settings"
128128
>
129129
Settings

‎site/src/pages/TemplateSettingsPage/Sidebar.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import VariablesIcon from "@mui/icons-material/CodeOutlined";
2-
import GeneralIcon from "@mui/icons-material/SettingsOutlined";
32
import ScheduleIcon from "@mui/icons-material/TimerOutlined";
43
import type { Template } from "api/typesGenerated";
54
import { Avatar } from "components/Avatar/Avatar";
@@ -8,6 +7,7 @@ import {
87
SidebarHeader,
98
SidebarNavItem,
109
} from "components/Sidebar/Sidebar";
10+
import { SettingsIcon } from "lucide-react";
1111
import { LockIcon } from "lucide-react";
1212
import { linkToTemplate, useLinks } from "modules/navigation";
1313
import type { FC } from "react";
@@ -32,7 +32,7 @@ export const Sidebar: FC<SidebarProps> = ({ template }) => {
3232
subtitle={template.name}
3333
/>
3434

35-
<SidebarNavItem href="" icon={GeneralIcon}>
35+
<SidebarNavItem href="" icon={SettingsIcon}>
3636
General
3737
</SidebarNavItem>
3838
<SidebarNavItem href="permissions" icon={LockIcon}>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import DownloadOutlined from "@mui/icons-material/DownloadOutlined";
22
import DuplicateIcon from "@mui/icons-material/FileCopyOutlined";
33
import HistoryIcon from "@mui/icons-material/HistoryOutlined";
4-
import SettingsIcon from "@mui/icons-material/SettingsOutlined";
54
import type { Workspace, WorkspaceBuildParameter } from "api/typesGenerated";
65
import { Button } from "components/Button/Button";
76
import {
@@ -12,6 +11,7 @@ import {
1211
DropdownMenuTrigger,
1312
} from "components/DropdownMenu/DropdownMenu";
1413
import { useAuthenticated } from "hooks/useAuthenticated";
14+
import { SettingsIcon } from "lucide-react";
1515
import { TrashIcon } from "lucide-react";
1616
import { EllipsisVertical } from "lucide-react";
1717
import {
@@ -196,7 +196,7 @@ export const WorkspaceActions: FC<WorkspaceActionsProps> = ({
196196

197197
<DropdownMenuContent id="workspace-options" align="end">
198198
<DropdownMenuItem onClick={handleSettings}>
199-
<SettingsIcon />
199+
<SettingsIcon className="size-icon-sm" />
200200
Settings
201201
</DropdownMenuItem>
202202

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