Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit403a9e5

Browse files
chore: migrate MUI icons to lucide icons (#19967)
This PR completes the migration from Material UI icons to Lucide icons.
1 parent89339f6 commit403a9e5

File tree

14 files changed

+43
-70
lines changed

14 files changed

+43
-70
lines changed

‎site/src/modules/resources/AppLink/BaseIcon.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
importComputerIconfrom"@mui/icons-material/Computer";
21
importtype{WorkspaceApp}from"api/typesGenerated";
32
import{ExternalImage}from"components/ExternalImage/ExternalImage";
3+
import{LaptopIcon}from"lucide-react";
44
importtype{FC}from"react";
55

66
interfaceBaseIconProps{
@@ -22,6 +22,6 @@ export const BaseIcon: FC<BaseIconProps> = ({ app, onIconPathError }) => {
2222
}}
2323
/>
2424
) :(
25-
<ComputerIcon/>
25+
<LaptopIcon/>
2626
);
2727
};

‎site/src/modules/resources/DownloadAgentLogsButton.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
importDownloadOutlinedfrom"@mui/icons-material/DownloadOutlined";
21
import{agentLogs}from"api/queries/workspaces";
32
importtype{WorkspaceAgent,WorkspaceAgentLog}from"api/typesGenerated";
43
import{Button}from"components/Button/Button";
54
import{displayError}from"components/GlobalSnackbar/utils";
65
import{saveAs}from"file-saver";
6+
import{DownloadIcon}from"lucide-react";
77
import{typeFC,useState}from"react";
88
import{useQueryClient}from"react-query";
99

@@ -54,7 +54,7 @@ export const DownloadAgentLogsButton: FC<DownloadAgentLogsButtonProps> = ({
5454
}
5555
}}
5656
>
57-
<DownloadOutlined/>
57+
<DownloadIcon/>
5858
{isDownloading ?"Downloading..." :"Download logs"}
5959
</Button>
6060
);

‎site/src/pages/DeploymentSettingsPage/Option.tsx‎

Lines changed: 2 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import{css,typeInterpolation,typeTheme,useTheme}from"@emotion/react";
2-
importBuildCircleOutlinedIconfrom"@mui/icons-material/BuildCircleOutlined";
32
import{DisabledBadge,EnabledBadge}from"components/Badges/Badges";
3+
import{WrenchIcon}from"lucide-react";
44
importtype{FC,HTMLAttributes,PropsWithChildren}from"react";
55
import{MONOSPACE_FONT_FAMILY}from"theme/constants";
66

@@ -90,16 +90,7 @@ export const OptionValue: FC<OptionValueProps> = (props) => {
9090
alignItems:"center",
9191
}}
9292
>
93-
{isEnabled&&(
94-
<BuildCircleOutlinedIcon
95-
css={(theme)=>({
96-
width:16,
97-
height:16,
98-
color:theme.palette.mode,
99-
margin:"0 8px",
100-
})}
101-
/>
102-
)}
93+
{isEnabled&&<WrenchIconclassName="size-4 mx-2"/>}
10394
{option}
10495
</div>
10596
</li>

‎site/src/pages/HealthPage/DERPPage.tsx‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
import{useTheme}from"@emotion/react";
2-
importLocationOnOutlinedfrom"@mui/icons-material/LocationOnOutlined";
32
importButtonfrom"@mui/material/Button";
43
importtype{
54
HealthcheckReport,
65
HealthSeverity,
76
NetcheckReport,
87
}from"api/typesGenerated";
98
import{Alert}from"components/Alert/Alert";
9+
import{MapPinIcon}from"lucide-react";
1010
importtype{FC}from"react";
1111
import{Link,useOutletContext}from"react-router";
1212
import{pageTitle}from"utils/page";
@@ -102,10 +102,9 @@ const DERPPage: FC = () => {
102102
return(
103103
<Button
104104
startIcon={
105-
<LocationOnOutlined
106-
css={{
107-
width:16,
108-
height:16,
105+
<MapPinIcon
106+
className="size-4"
107+
style={{
109108
color:healthyColor(
110109
theme,
111110
severityasHealthSeverity,

‎site/src/pages/HealthPage/WorkspaceProxyPage.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
import{useTheme}from"@emotion/react";
2-
importPublicOutlinedfrom"@mui/icons-material/PublicOutlined";
32
importTooltipfrom"@mui/material/Tooltip";
43
importtype{HealthcheckReport}from"api/typesGenerated";
54
import{Alert}from"components/Alert/Alert";
6-
import{HashIcon}from"lucide-react";
5+
import{EarthIcon,HashIcon}from"lucide-react";
76
importtype{FC}from"react";
87
import{useOutletContext}from"react-router";
98
import{createDayString}from"utils/createDayString";
@@ -108,7 +107,7 @@ const WorkspaceProxyPage: FC = () => {
108107
<divcss={{display:"flex",flexWrap:"wrap",gap:12}}>
109108
{region.wildcard_hostname&&(
110109
<Tooltiptitle="Wildcard Hostname">
111-
<Pillicon={<PublicOutlined/>}>
110+
<Pillicon={<EarthIcon/>}>
112111
{region.wildcard_hostname}
113112
</Pill>
114113
</Tooltip>

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

Lines changed: 7 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
11
import{useTheme}from"@emotion/react";
2-
importCancelOutlinedfrom"@mui/icons-material/CancelOutlined";
3-
importLinkOutlinedfrom"@mui/icons-material/LinkOutlined";
42
importLinearProgressfrom"@mui/material/LinearProgress";
53
importLinkfrom"@mui/material/Link";
64
importTooltipfrom"@mui/material/Tooltip";
@@ -36,7 +34,11 @@ import {
3634
import{Loader}from"components/Loader/Loader";
3735
import{Stack}from"components/Stack/Stack";
3836
import{useEmbeddedMetadata}from"hooks/useEmbeddedMetadata";
39-
import{CircleCheckasCircleCheckIcon}from"lucide-react";
37+
import{
38+
CircleCheckasCircleCheckIcon,
39+
CircleXIcon,
40+
LinkIcon,
41+
}from"lucide-react";
4042
import{useTemplateLayoutContext}from"pages/TemplatePage/TemplateLayout";
4143
import{
4244
typeFC,
@@ -727,13 +729,7 @@ const ParameterUsageLabel: FC<ParameterUsageLabelProps> = ({
727729
}}
728730
>
729731
<TextValue>{usage.value}</TextValue>
730-
<LinkOutlined
731-
css={{
732-
width:14,
733-
height:14,
734-
color:theme.palette.primary.light,
735-
}}
736-
/>
732+
<LinkIconclassName="size-icon-xs text-content-link"/>
737733
</Link>
738734
);
739735
}
@@ -770,13 +766,7 @@ const ParameterUsageLabel: FC<ParameterUsageLabelProps> = ({
770766
>
771767
{usage.value==="false" ?(
772768
<>
773-
<CancelOutlined
774-
css={{
775-
width:16,
776-
height:16,
777-
color:theme.palette.error.light,
778-
}}
779-
/>
769+
<CircleXIconclassName="size-icon-xs text-content-destructive"/>
780770
False
781771
</>
782772
) :(

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
importEditIconfrom"@mui/icons-material/EditOutlined";
21
importButtonfrom"@mui/material/Button";
32
import{API}from"api/api";
43
import{workspaces}from"api/queries/workspaces";
@@ -30,6 +29,7 @@ import { Stack } from "components/Stack/Stack";
3029
import{
3130
CopyIcon,
3231
DownloadIcon,
32+
EditIcon,
3333
EllipsisVertical,
3434
PlusIcon,
3535
SettingsIcon,

‎site/src/pages/TemplateVersionPage/TemplateVersionPageView.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
importEditIconfrom"@mui/icons-material/Edit";
21
importButtonfrom"@mui/material/Button";
32
importtype{TemplateVersion}from"api/typesGenerated";
43
import{ErrorAlert}from"components/Alert/ErrorAlert";
@@ -11,7 +10,7 @@ import {
1110
}from"components/PageHeader/PageHeader";
1211
import{Stack}from"components/Stack/Stack";
1312
import{Stats,StatsItem}from"components/Stats/Stats";
14-
import{PlusIcon}from"lucide-react";
13+
import{EditIcon,PlusIcon}from"lucide-react";
1514
import{linkToTemplate,useLinks}from"modules/navigation";
1615
import{TemplateFiles}from"modules/templates/TemplateFiles/TemplateFiles";
1716
import{TemplateUpdateMessage}from"modules/templates/TemplateUpdateMessage";
@@ -60,7 +59,7 @@ export const TemplateVersionPageView: FC<TemplateVersionPageViewProps> = ({
6059
</Button>
6160
)}
6261
<Button
63-
startIcon={<EditIcon/>}
62+
startIcon={<EditIconclassName="size-icon-xs"/>}
6463
component={RouterLink}
6564
to={`${templateLink}/versions/${versionName}/edit`}
6665
>

‎site/src/pages/TemplatesPage/TemplatesPageView.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importArrowForwardOutlinedfrom"@mui/icons-material/ArrowForwardOutlined";
32
importSkeletonfrom"@mui/material/Skeleton";
43
import{hasError,isApiValidationError}from"api/errors";
54
importtype{Template,TemplateExample}from"api/typesGenerated";
@@ -38,7 +37,7 @@ import {
3837
TableRowSkeleton,
3938
}from"components/TableLoader/TableLoader";
4039
import{useClickableTableRow}from"hooks/useClickableTableRow";
41-
import{PlusIcon}from"lucide-react";
40+
import{ArrowRightIcon,PlusIcon}from"lucide-react";
4241
import{linkToTemplate,useLinks}from"modules/navigation";
4342
importtype{WorkspacePermissions}from"modules/permissions/workspaces";
4443
importtype{FC}from"react";
@@ -172,7 +171,7 @@ const TemplateRow: FC<TemplateRowProps> = ({
172171
}}
173172
>
174173
<RouterLinkto={`${templatePageLink}/workspace`}>
175-
<ArrowForwardOutlined/>
174+
<ArrowRightIcon/>
176175
Create Workspace
177176
</RouterLink>
178177
</Button>

‎site/src/pages/UserSettingsPage/ExternalAuthPage/ExternalAuthPageView.tsx‎

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import{useTheme}from"@emotion/react";
2-
importAutorenewIconfrom"@mui/icons-material/Autorenew";
32
importTablefrom"@mui/material/Table";
43
importTableBodyfrom"@mui/material/TableBody";
54
importTableCellfrom"@mui/material/TableCell";
@@ -28,7 +27,7 @@ import { Spinner } from "components/Spinner/Spinner";
2827
import{Stack}from"components/Stack/Stack";
2928
import{TableEmpty}from"components/TableEmpty/TableEmpty";
3029
importtype{ExternalAuthPollingState}from"hooks/useExternalAuth";
31-
import{EllipsisVertical}from"lucide-react";
30+
import{EllipsisVertical,RefreshCcwIcon}from"lucide-react";
3231
import{typeFC,useCallback,useEffect,useState}from"react";
3332
import{useQuery}from"react-query";
3433

@@ -142,11 +141,7 @@ const ExternalAuthRow: FC<ExternalAuthRowProps> = ({
142141
title="Authentication token will automatically refresh when expired."
143142
placement="right"
144143
>
145-
<AutorenewIcon
146-
sx={{
147-
fontSize:"0.75rem",
148-
}}
149-
/>
144+
<RefreshCcwIconclassName="size-3"/>
150145
</Tooltip>
151146
)}
152147

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp