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

Commit86da21c

Browse files
chore: replace MUI icons with Lucide icons - 10 (#17797)
CloseOutlined -> XIconSearchOutlined -> SearchIconRefresh -> RotateCwIconBuild -> WrenchIcon
1 parenteb9a651 commit86da21c

File tree

7 files changed

+17
-21
lines changed

7 files changed

+17
-21
lines changed

‎site/src/components/Search/Search.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importSearchOutlinedfrom"@mui/icons-material/SearchOutlined";
32
// biome-ignore lint/nursery/noRestrictedImports: use it to have the component prop
43
importBox,{typeBoxProps}from"@mui/material/Box";
54
importvisuallyHiddenfrom"@mui/utils/visuallyHidden";
5+
import{SearchIcon}from"lucide-react";
66
importtype{FC,HTMLAttributes,InputHTMLAttributes,Ref}from"react";
77

88
interfaceSearchPropsextendsOmit<BoxProps,"ref">{
@@ -21,7 +21,7 @@ interface SearchProps extends Omit<BoxProps, "ref"> {
2121
exportconstSearch:FC<SearchProps>=({ children, $$ref, ...boxProps})=>{
2222
return(
2323
<Boxref={$$ref}{...boxProps}css={SearchStyles.container}>
24-
<SearchOutlinedcss={SearchStyles.icon}/>
24+
<SearchIconclassName="size-icon-xs"css={SearchStyles.icon}/>
2525
{children}
2626
</Box>
2727
);

‎site/src/components/SearchField/SearchField.tsx‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
import{useTheme}from"@emotion/react";
2-
importCloseIconfrom"@mui/icons-material/CloseOutlined";
3-
importSearchIconfrom"@mui/icons-material/SearchOutlined";
42
importIconButtonfrom"@mui/material/IconButton";
53
importInputAdornmentfrom"@mui/material/InputAdornment";
64
importTextField,{typeTextFieldProps}from"@mui/material/TextField";
75
importTooltipfrom"@mui/material/Tooltip";
86
importvisuallyHiddenfrom"@mui/utils/visuallyHidden";
7+
import{SearchIcon,XIcon}from"lucide-react";
98
import{typeFC,useEffect,useRef}from"react";
109

1110
exporttypeSearchFieldProps=Omit<TextFieldProps,"onChange">&{
@@ -41,8 +40,8 @@ export const SearchField: FC<SearchFieldProps> = ({
4140
startAdornment:(
4241
<InputAdornmentposition="start">
4342
<SearchIcon
43+
className="size-icon-xs"
4444
css={{
45-
fontSize:16,
4645
color:theme.palette.text.secondary,
4746
}}
4847
/>
@@ -57,7 +56,7 @@ export const SearchField: FC<SearchFieldProps> = ({
5756
onChange("");
5857
}}
5958
>
60-
<CloseIconcss={{fontSize:14}}/>
59+
<XIconclassName="size-icon-xs"/>
6160
<spancss={{ ...visuallyHidden}}>Clear search</span>
6261
</IconButton>
6362
</Tooltip>

‎site/src/modules/dashboard/DeploymentBanner/DeploymentBannerView.tsx‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,8 @@
11
importtype{CSSInterpolation}from"@emotion/css/dist/declarations/src/create-instance";
22
import{typeInterpolation,typeTheme,css,useTheme}from"@emotion/react";
3-
importBuildingIconfrom"@mui/icons-material/Build";
43
importDownloadIconfrom"@mui/icons-material/CloudDownload";
54
importUploadIconfrom"@mui/icons-material/CloudUpload";
65
importCollectedIconfrom"@mui/icons-material/Compare";
7-
importRefreshIconfrom"@mui/icons-material/Refresh";
86
importLatencyIconfrom"@mui/icons-material/SettingsEthernet";
97
importWebTerminalIconfrom"@mui/icons-material/WebAsset";
108
importButtonfrom"@mui/material/Button";
@@ -23,6 +21,7 @@ import { VSCodeIcon } from "components/Icons/VSCodeIcon";
2321
import{Stack}from"components/Stack/Stack";
2422
importdayjsfrom"dayjs";
2523
import{typeClassName,useClassName}from"hooks/useClassName";
24+
import{RotateCwIcon,WrenchIcon}from"lucide-react";
2625
import{CircleAlertIcon}from"lucide-react";
2726
importprettyBytesfrom"pretty-bytes";
2827
import{
@@ -322,7 +321,7 @@ export const DeploymentBannerView: FC<DeploymentBannerViewProps> = ({
322321
}}
323322
variant="text"
324323
>
325-
<RefreshIcon/>
324+
<RotateCwIconclassName="size-icon-xs"/>
326325
{timeUntilRefresh}s
327326
</Button>
328327
</Tooltip>
@@ -344,7 +343,7 @@ const WorkspaceBuildValue: FC<WorkspaceBuildValueProps> = ({
344343
letstatusText=displayStatus.text;
345344
leticon=displayStatus.icon;
346345
if(status==="starting"){
347-
icon=<BuildingIcon/>;
346+
icon=<WrenchIconclassName="size-icon-xs"/>;
348347
statusText="Building";
349348
}
350349

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import{typeInterpolation,typeTheme,useTheme}from"@emotion/react";
22
importAddIconfrom"@mui/icons-material/AddOutlined";
3-
importRefreshIconfrom"@mui/icons-material/Refresh";
43
importLoadingButtonfrom"@mui/lab/LoadingButton";
54
importButtonfrom"@mui/material/Button";
65
importMuiLinkfrom"@mui/material/Link";
@@ -15,6 +14,7 @@ import {
1514
}from"components/SettingsHeader/SettingsHeader";
1615
import{Stack}from"components/Stack/Stack";
1716
import{useWindowSize}from"hooks/useWindowSize";
17+
import{RotateCwIcon}from"lucide-react";
1818
importtype{FC}from"react";
1919
importConfettifrom"react-confetti";
2020
import{Link}from"react-router-dom";
@@ -84,7 +84,7 @@ const LicensesSettingsPageView: FC<Props> = ({
8484
loadingPosition="start"
8585
loading={isRefreshing}
8686
onClick={refreshEntitlements}
87-
startIcon={<RefreshIcon/>}
87+
startIcon={<RotateCwIconclassName="size-icon-xs"/>}
8888
>
8989
Refresh
9090
</LoadingButton>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
22
importOpenInNewIconfrom"@mui/icons-material/OpenInNew";
3-
importRefreshIconfrom"@mui/icons-material/Refresh";
43
importLinkfrom"@mui/material/Link";
54
importTooltipfrom"@mui/material/Tooltip";
65
importtype{ApiErrorResponse}from"api/errors";
@@ -10,6 +9,7 @@ import { Avatar } from "components/Avatar/Avatar";
109
import{GitDeviceAuth}from"components/GitDeviceAuth/GitDeviceAuth";
1110
import{SignInLayout}from"components/SignInLayout/SignInLayout";
1211
import{Welcome}from"components/Welcome/Welcome";
12+
import{RotateCwIcon}from"lucide-react";
1313
importtype{FC,ReactNode}from"react";
1414

1515
exportinterfaceExternalAuthPageViewProps{
@@ -132,7 +132,7 @@ const ExternalAuthPageView: FC<ExternalAuthPageViewProps> = ({
132132
onReauthenticate();
133133
}}
134134
>
135-
<RefreshIcon/> Reauthenticate
135+
<RotateCwIconclassName="size-icon-xs"/> Reauthenticate
136136
</Link>
137137
</div>
138138
</SignInLayout>

‎site/src/pages/IconsPage/IconsPage.tsx‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
11
import{useTheme}from"@emotion/react";
2-
importClearIconfrom"@mui/icons-material/CloseOutlined";
3-
importSearchIconfrom"@mui/icons-material/SearchOutlined";
42
importIconButtonfrom"@mui/material/IconButton";
53
importInputAdornmentfrom"@mui/material/InputAdornment";
64
importLinkfrom"@mui/material/Link";
@@ -15,6 +13,7 @@ import {
1513
PageHeaderTitle,
1614
}from"components/PageHeader/PageHeader";
1715
import{Stack}from"components/Stack/Stack";
16+
import{SearchIcon,XIcon}from"lucide-react";
1817
import{typeFC,typeReactNode,useMemo,useState}from"react";
1918
import{Helmet}from"react-helmet-async";
2019
import{
@@ -129,8 +128,8 @@ const IconsPage: FC = () => {
129128
startAdornment:(
130129
<InputAdornmentposition="start">
131130
<SearchIcon
131+
className="size-icon-xs"
132132
css={{
133-
fontSize:14,
134133
color:theme.palette.text.secondary,
135134
}}
136135
/>
@@ -143,7 +142,7 @@ const IconsPage: FC = () => {
143142
size="small"
144143
onClick={()=>setSearchInputText("")}
145144
>
146-
<ClearIconcss={{fontSize:14}}/>
145+
<XIconclassName="size-icon-xs"/>
147146
</IconButton>
148147
</Tooltip>
149148
</InputAdornment>

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

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import{typeInterpolation,typeTheme,useTheme}from"@emotion/react";
22
importCreateIconfrom"@mui/icons-material/AddOutlined";
33
importArrowBackOutlinedfrom"@mui/icons-material/ArrowBackOutlined";
4-
importCloseOutlinedfrom"@mui/icons-material/CloseOutlined";
54
importWarningOutlinedfrom"@mui/icons-material/WarningOutlined";
65
importButtonfrom"@mui/material/Button";
76
importIconButtonfrom"@mui/material/IconButton";
@@ -27,7 +26,7 @@ import {
2726
}from"components/FullPageLayout/Topbar";
2827
import{displayError}from"components/GlobalSnackbar/utils";
2928
import{Loader}from"components/Loader/Loader";
30-
import{PlayIcon}from"lucide-react";
29+
import{PlayIcon,XIcon}from"lucide-react";
3130
import{linkToTemplate,useLinks}from"modules/navigation";
3231
import{ProvisionerAlert}from"modules/provisioners/ProvisionerAlert";
3332
import{AlertVariant}from"modules/provisioners/ProvisionerAlert";
@@ -567,7 +566,7 @@ export const TemplateVersionEditor: FC<TemplateVersionEditorProps> = ({
567566
borderRadius:0,
568567
}}
569568
>
570-
<CloseOutlinedcss={{width:16,height:16}}/>
569+
<XIconclassName="size-icon-xs"/>
571570
</IconButton>
572571
)}
573572
</div>

0 commit comments

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