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

Commit9e3f335

Browse files
committed
chore: migrate MUI icons to lucide-react
1 parent057d7da commit9e3f335

File tree

12 files changed

+60
-70
lines changed

12 files changed

+60
-70
lines changed

‎site/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@
9191
"humanize-duration":"3.32.2",
9292
"jszip":"3.10.1",
9393
"lodash":"4.17.21",
94-
"lucide-react":"0.474.0",
94+
"lucide-react":"0.545.0",
9595
"monaco-editor":"0.53.0",
9696
"pretty-bytes":"6.1.1",
9797
"react":"19.1.1",

‎site/pnpm-lock.yaml‎

Lines changed: 5 additions & 5 deletions
Some generated files are not rendered by default. Learn more aboutcustomizing how changed files appear on GitHub.

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

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
1-
importBusinessIconfrom"@mui/icons-material/Business";
2-
importGroupOutlinedIconfrom"@mui/icons-material/GroupOutlined";
3-
importPublicOutlinedIconfrom"@mui/icons-material/PublicOutlined";
41
importTooltipfrom"@mui/material/Tooltip";
52
importtype*asTypesGenfrom"api/typesGenerated";
6-
import{SquareArrowOutUpRightIcon}from"lucide-react";
3+
import{
4+
Building2Icon,
5+
EarthIcon,
6+
SquareArrowOutUpRightIcon,
7+
UsersIcon,
8+
}from"lucide-react";
79

810
interfaceShareIconProps{
911
app:TypesGen.WorkspaceApp;
@@ -20,21 +22,21 @@ export const ShareIcon = ({ app }: ShareIconProps) => {
2022
if(app.sharing_level==="authenticated"){
2123
return(
2224
<Tooltiptitle="Shared with all authenticated users">
23-
<GroupOutlinedIcon/>
25+
<UsersIcon/>
2426
</Tooltip>
2527
);
2628
}
2729
if(app.sharing_level==="organization"){
2830
return(
2931
<Tooltiptitle="Shared with organization members">
30-
<BusinessIcon/>
32+
<Building2Icon/>
3133
</Tooltip>
3234
);
3335
}
3436
if(app.sharing_level==="public"){
3537
return(
3638
<Tooltiptitle="Shared publicly">
37-
<PublicOutlinedIcon/>
39+
<EarthIcon/>
3840
</Tooltip>
3941
);
4042
}

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

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,4 @@
11
import{typeInterpolation,typeTheme,useTheme}from"@emotion/react";
2-
importBusinessIconfrom"@mui/icons-material/Business";
3-
importLockIconfrom"@mui/icons-material/Lock";
4-
importLockOpenIconfrom"@mui/icons-material/LockOpen";
5-
importSensorsIconfrom"@mui/icons-material/Sensors";
62
importFormControlfrom"@mui/material/FormControl";
73
importLinkfrom"@mui/material/Link";
84
importMenuItemfrom"@mui/material/MenuItem";
@@ -45,8 +41,12 @@ import {
4541
}from"components/Tooltip/Tooltip";
4642
import{useFormik}from"formik";
4743
import{
44+
BuildingIcon,
4845
ChevronDownIcon,
4946
ExternalLinkIcon,
47+
LockIcon,
48+
LockOpenIcon,
49+
RadioIcon,
5050
ShareIcon,
5151
XasXIcon,
5252
}from"lucide-react";
@@ -385,7 +385,7 @@ export const PortForwardPopoverView: FC<PortForwardPopoverViewProps> = ({
385385
target="_blank"
386386
rel="noreferrer"
387387
>
388-
<SensorsIconcss={{width:14,height:14}}/>
388+
<RadioIconclassName="size-icon-sm"/>
389389
{port.port}
390390
</Link>
391391
<Link
@@ -475,11 +475,11 @@ export const PortForwardPopoverView: FC<PortForwardPopoverViewProps> = ({
475475
rel="noreferrer"
476476
>
477477
{share.share_level==="public" ?(
478-
<LockOpenIconcss={{width:14,height:14}}/>
478+
<LockOpenIconclassName="size-icon-sm"/>
479479
) :share.share_level==="organization" ?(
480-
<BusinessIconcss={{width:14,height:14}}/>
480+
<BuildingIconclassName="size-icon-sm"/>
481481
) :(
482-
<LockIconcss={{width:14,height:14}}/>
482+
<LockIconclassName="size-icon-sm"/>
483483
)}
484484
{label}
485485
</Link>

‎site/src/modules/templates/TemplateFiles/TemplateFileTree.tsx‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,13 @@
11
import{css}from"@emotion/react";
2-
importExpandMoreIconfrom"@mui/icons-material/ExpandMore";
3-
importFormatAlignLeftOutlinedfrom"@mui/icons-material/FormatAlignLeftOutlined";
42
importMenufrom"@mui/material/Menu";
53
importMenuItemfrom"@mui/material/MenuItem";
64
import{SimpleTreeView,TreeItem}from"@mui/x-tree-view";
75
import{DockerIcon}from"components/Icons/DockerIcon";
8-
import{ChevronRightIcon}from"lucide-react";
6+
import{
7+
ChevronDownIcon,
8+
ChevronRightIcon,
9+
TextAlignStartIcon,
10+
}from"lucide-react";
911
import{
1012
typeCSSProperties,
1113
typeElementType,
@@ -90,7 +92,7 @@ export const TemplateFileTree: FC<TemplateFilesTreeProps> = ({
9092

9193
leticon:ElementType|undefined;
9294
if(isFolder(content)){
93-
icon=FormatAlignLeftOutlined;
95+
icon=TextAlignStartIcon;
9496
}elseif(filename.endsWith(".tf")){
9597
icon=FileTypeTerraform;
9698
}elseif(filename.endsWith(".md")){
@@ -201,7 +203,7 @@ export const TemplateFileTree: FC<TemplateFilesTreeProps> = ({
201203

202204
return(
203205
<SimpleTreeView
204-
slots={{collapseIcon:ExpandMoreIcon,expandIcon:ChevronRightIcon}}
206+
slots={{collapseIcon:ChevronDownIcon,expandIcon:ChevronRightIcon}}
205207
aria-label="Files"
206208
defaultExpandedItems={activePath ?expandablePaths(activePath) :[]}
207209
defaultSelectedItems={activePath}

‎site/src/modules/templates/TemplateFiles/TemplateFiles.tsx‎

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
import{typeInterpolation,typeTheme,useTheme}from"@emotion/react";
2-
importEditOutlinedfrom"@mui/icons-material/EditOutlined";
3-
importRadioButtonCheckedOutlinedfrom"@mui/icons-material/RadioButtonCheckedOutlined";
42
import{SyntaxHighlighter}from"components/SyntaxHighlighter/SyntaxHighlighter";
53
importsetfrom"lodash/set";
4+
import{CircleCheckIcon,EditIcon}from"lucide-react";
65
import{linkToTemplate,useLinks}from"modules/navigation";
76
import{typeFC,useCallback,useMemo}from"react";
87
import{Link}from"react-router";
@@ -96,13 +95,7 @@ export const TemplateFiles: FC<TemplateFilesProps> = ({
9695
<headercss={styles.fileHeader}>
9796
{filename}
9897
{info.hasDiff&&(
99-
<RadioButtonCheckedOutlined
100-
css={{
101-
width:14,
102-
height:14,
103-
color:theme.roles.warning.fill.outline,
104-
}}
105-
/>
98+
<CircleCheckIconclassName="size-icon-sm text-content-warning"/>
10699
)}
107100

108101
<divcss={{marginLeft:"auto"}}>
@@ -121,7 +114,7 @@ export const TemplateFiles: FC<TemplateFilesProps> = ({
121114
},
122115
}}
123116
>
124-
<EditOutlinedcss={{fontSize:"inherit"}}/>
117+
<EditIconclassName="text-inherit"/>
125118
Edit
126119
</Link>
127120
</div>

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

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
1-
importNotificationsOffOutlinedfrom"@mui/icons-material/NotificationsOffOutlined";
2-
importNotificationOutlinedfrom"@mui/icons-material/NotificationsOutlined";
31
importSkeletonfrom"@mui/material/Skeleton";
42
import{healthSettings,updateHealthSettings}from"api/queries/debug";
53
importtype{HealthSection}from"api/typesGenerated";
64
import{Button}from"components/Button/Button";
75
import{displaySuccess}from"components/GlobalSnackbar/utils";
86
import{Spinner}from"components/Spinner/Spinner";
7+
import{BellIcon,BellOffIcon}from"lucide-react";
98
import{useMutation,useQuery,useQueryClient}from"react-query";
109

1110
exportconstDismissWarningButton=(props:{healthcheck:HealthSection})=>{
@@ -49,7 +48,7 @@ export const DismissWarningButton = (props: { healthcheck: HealthSection }) => {
4948
}}
5049
>
5150
<Spinnerloading={enableMutation.isPending}>
52-
<NotificationsOffOutlined/>
51+
<BellOffIcon/>
5352
</Spinner>
5453
Enable warnings
5554
</Button>
@@ -69,7 +68,7 @@ export const DismissWarningButton = (props: { healthcheck: HealthSection }) => {
6968
}}
7069
>
7170
<Spinnerloading={dismissMutation.isPending}>
72-
<NotificationOutlined/>
71+
<BellIcon/>
7372
</Spinner>
7473
Dismiss warnings
7574
</Button>

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

Lines changed: 3 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,3 @@
1-
import{useTheme}from"@emotion/react";
2-
importNotificationsOffOutlinedfrom"@mui/icons-material/NotificationsOffOutlined";
3-
importReplayIconfrom"@mui/icons-material/Replay";
41
importCircularProgressfrom"@mui/material/CircularProgress";
52
importIconButtonfrom"@mui/material/IconButton";
63
importTooltipfrom"@mui/material/Tooltip";
@@ -9,6 +6,7 @@ import type { HealthSeverity } from "api/typesGenerated";
96
import{ErrorAlert}from"components/Alert/ErrorAlert";
107
import{Loader}from"components/Loader/Loader";
118
importkebabCasefrom"lodash/fp/kebabCase";
9+
import{BellOffIcon,RotateCcwIcon}from"lucide-react";
1210
import{DashboardFullPage}from"modules/dashboard/DashboardLayout";
1311
import{typeFC,Suspense}from"react";
1412
import{useMutation,useQuery,useQueryClient}from"react-query";
@@ -28,7 +26,6 @@ const linkStyles = {
2826
};
2927

3028
exportconstHealthLayout:FC=()=>{
31-
consttheme=useTheme();
3229
constqueryClient=useQueryClient();
3330
const{
3431
data:healthStatus,
@@ -91,7 +88,7 @@ export const HealthLayout: FC = () => {
9188
{isRefreshing ?(
9289
<CircularProgresssize={16}/>
9390
) :(
94-
<ReplayIconclassName="size-5"/>
91+
<RotateCcwIconclassName="size-5"/>
9592
)}
9693
</IconButton>
9794
</Tooltip>
@@ -155,13 +152,7 @@ export const HealthLayout: FC = () => {
155152
/>
156153
{label}
157154
{healthSection.dismissed&&(
158-
<NotificationsOffOutlined
159-
css={{
160-
fontSize:14,
161-
marginLeft:"auto",
162-
color:theme.palette.text.disabled,
163-
}}
164-
/>
155+
<BellOffIconclassName="size-icon-sm ml-auto text-content-disabled"/>
165156
)}
166157
</NavLink>
167158
);

‎site/src/pages/LoginPage/OAuthSignInForm.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
importGitHubIconfrom"@mui/icons-material/GitHub";
2-
importKeyIconfrom"@mui/icons-material/VpnKey";
32
importButtonfrom"@mui/material/Button";
43
import{visuallyHidden}from"@mui/utils";
54
importtype{AuthMethods}from"api/typesGenerated";
5+
import{KeyIcon}from"lucide-react";
66
import{typeFC,useId}from"react";
77
import{Language}from"./Language";
88

‎site/src/pages/TemplatePage/TemplateEmbedPage/TemplateEmbedPageExperimental.tsx‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
1-
importCheckOutlinedfrom"@mui/icons-material/CheckOutlined";
2-
importFileCopyOutlinedfrom"@mui/icons-material/FileCopyOutlined";
31
import{API}from"api/api";
42
import{DetailedError}from"api/errors";
53
importtype{
@@ -18,6 +16,7 @@ import { Skeleton } from "components/Skeleton/Skeleton";
1816
import{useAuthenticated}from"hooks";
1917
import{useEffectEvent}from"hooks/hookPolyfills";
2018
import{useClipboard}from"hooks/useClipboard";
19+
import{CheckIcon,CopyIcon}from"lucide-react";
2120
import{
2221
Diagnostics,
2322
DynamicParameter,
@@ -308,8 +307,8 @@ const ButtonPreview: FC<ButtonPreviewProps> = ({ template, buttonValues }) => {
308307
clipboard.copyToClipboard(textToCopy);
309308
}}
310309
>
311-
{clipboard.showCopiedSuccess ?<CheckOutlined/> :<FileCopyOutlined/>}{" "}
312-
Copy buttoncode
310+
{clipboard.showCopiedSuccess ?<CheckIcon/> :<CopyIcon/>} Copy button
311+
code
313312
</Button>
314313
</div>
315314
);

0 commit comments

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