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

Commit842bb1f

Browse files
chore: replace MUI icons - 6 (#17751)
1. Replaced CheckCircleOutlined with CircleCheckIcon (Lucide)2. Replaced Close/CloseIcon with XIcon (Lucide)3. Replaced DoNotDisturbOnOutlined with CircleMinusIcon (Lucide)4. Replaced Sell with TagIcon (Lucide)
1 parent1adad41 commit842bb1f

File tree

7 files changed

+31
-26
lines changed

7 files changed

+31
-26
lines changed

‎site/src/components/GlobalSnackbar/EnterpriseSnackbar.tsx

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importCloseIconfrom"@mui/icons-material/Close";
32
importIconButtonfrom"@mui/material/IconButton";
43
importSnackbar,{
54
typeSnackbarPropsasMuiSnackbarProps,
65
}from"@mui/material/Snackbar";
76
import{typeClassName,useClassName}from"hooks/useClassName";
7+
import{XasXIcon}from"lucide-react";
88
importtype{FC}from"react";
99

1010
typeEnterpriseSnackbarVariant="error"|"info"|"success";
@@ -47,7 +47,11 @@ export const EnterpriseSnackbar: FC<EnterpriseSnackbarProps> = ({
4747
<divcss={styles.actionWrapper}>
4848
{action}
4949
<IconButtononClick={onClose}css={{padding:0}}>
50-
<CloseIconcss={styles.closeIcon}aria-label="close"/>
50+
<XIcon
51+
css={styles.closeIcon}
52+
aria-label="close"
53+
className="size-icon-sm"
54+
/>
5155
</IconButton>
5256
</div>
5357
}
@@ -96,8 +100,6 @@ const styles = {
96100
alignItems:"center",
97101
},
98102
closeIcon:(theme)=>({
99-
width:25,
100-
height:25,
101103
color:theme.palette.primary.contrastText,
102104
}),
103105
}satisfiesRecord<string,Interpolation<Theme>>;

‎site/src/modules/provisioners/ProvisionerTag.tsx

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importCheckCircleOutlinedfrom"@mui/icons-material/CheckCircleOutlined";
32
importCloseIconfrom"@mui/icons-material/Close";
4-
importDoNotDisturbOnOutlinedfrom"@mui/icons-material/DoNotDisturbOnOutlined";
5-
importSellfrom"@mui/icons-material/Sell";
63
importIconButtonfrom"@mui/material/IconButton";
74
import{Pill}from"components/Pill/Pill";
5+
import{CircleCheckasCircleCheckIcon}from"lucide-react";
6+
import{CircleMinusasCircleMinusIcon}from"lucide-react";
7+
import{TagasTagIcon}from"lucide-react";
88
importtype{ComponentProps,FC}from"react";
99

1010
constparseBool=(s:string):{valid:boolean;value:boolean}=>{
@@ -62,7 +62,11 @@ export const ProvisionerTag: FC<ProvisionerTagProps> = ({
6262
return<BooleanPillvalue={boolValue}>{content}</BooleanPill>;
6363
}
6464
return(
65-
<Pillsize="lg"icon={<Sell/>}data-testid={`tag-${tagName}`}>
65+
<Pill
66+
size="lg"
67+
icon={<TagIconclassName="size-icon-sm"/>}
68+
data-testid={`tag-${tagName}`}
69+
>
6670
{content}
6771
</Pill>
6872
);
@@ -83,9 +87,9 @@ const BooleanPill: FC<BooleanPillProps> = ({
8387
size="lg"
8488
icon={
8589
value ?(
86-
<CheckCircleOutlinedcss={styles.truePill}/>
90+
<CircleCheckIconcss={styles.truePill}className="size-icon-sm"/>
8791
) :(
88-
<DoNotDisturbOnOutlinedcss={styles.falsePill}/>
92+
<CircleMinusIconcss={styles.falsePill}className="size-icon-sm"/>
8993
)
9094
}
9195
{...divProps}

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import{typeInterpolation,typeTheme,useTheme}from"@emotion/react";
2-
importCloseIconfrom"@mui/icons-material/Close";
32
importLockIconfrom"@mui/icons-material/Lock";
43
importLockOpenIconfrom"@mui/icons-material/LockOpen";
54
importOpenInNewOutlinedfrom"@mui/icons-material/OpenInNewOutlined";
@@ -41,6 +40,7 @@ import {
4140
}from"components/deprecated/Popover/Popover";
4241
import{typeFormikContextType,useFormik}from"formik";
4342
import{typeClassName,useClassName}from"hooks/useClassName";
43+
import{XasXIcon}from"lucide-react";
4444
import{ChevronDownIcon}from"lucide-react";
4545
import{useDashboard}from"modules/dashboard/useDashboard";
4646
import{typeFC,useState}from"react";
@@ -497,7 +497,7 @@ export const PortForwardPopoverView: FC<PortForwardPopoverViewProps> = ({
497497
awaitsharedPortsQuery.refetch();
498498
}}
499499
>
500-
<CloseIcon
500+
<XIcon
501501
css={{
502502
width:14,
503503
height:14,

‎site/src/pages/CreateTemplatePage/BuildLogsDrawer.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importClosefrom"@mui/icons-material/Close";
32
importWarningOutlinedfrom"@mui/icons-material/WarningOutlined";
43
importButtonfrom"@mui/material/Button";
54
importDrawerfrom"@mui/material/Drawer";
@@ -8,6 +7,7 @@ import { visuallyHidden } from "@mui/utils";
87
import{JobError}from"api/queries/templates";
98
importtype{TemplateVersion}from"api/typesGenerated";
109
import{Loader}from"components/Loader/Loader";
10+
import{XasXIcon}from"lucide-react";
1111
import{AlertVariant}from"modules/provisioners/ProvisionerAlert";
1212
import{ProvisionerStatusAlert}from"modules/provisioners/ProvisionerStatusAlert";
1313
import{useWatchVersionLogs}from"modules/templates/useWatchVersionLogs";
@@ -66,7 +66,7 @@ export const BuildLogsDrawer: FC<BuildLogsDrawerProps> = ({
6666
<headercss={styles.header}>
6767
<h3css={styles.title}>Creating template...</h3>
6868
<IconButtonsize="small"onClick={drawerProps.onClose}>
69-
<Closecss={styles.closeIcon}/>
69+
<XIconcss={styles.closeIcon}/>
7070
<spanstyle={visuallyHidden}>Close build logs</span>
7171
</IconButton>
7272
</header>

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

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import{css}from"@emotion/css";
22
import{useTheme}from"@emotion/react";
3-
importCheckCircleOutlinedfrom"@mui/icons-material/CheckCircleOutlined";
4-
importDoNotDisturbOnOutlinedfrom"@mui/icons-material/DoNotDisturbOnOutlined";
53
importErrorOutlinefrom"@mui/icons-material/ErrorOutline";
64
importLinkfrom"@mui/material/Link";
75
importtype{HealthCode,HealthSeverity}from"api/typesGenerated";
6+
import{CircleCheckasCircleCheckIcon}from"lucide-react";
7+
import{CircleMinusasCircleMinusIcon}from"lucide-react";
88
import{
99
typeComponentProps,
1010
typeFC,
@@ -57,7 +57,7 @@ interface HealthIconProps {
5757
exportconstHealthIcon:FC<HealthIconProps>=({ size, severity})=>{
5858
consttheme=useTheme();
5959
constcolor=healthyColor(theme,severity);
60-
constIcon=severity==="error" ?ErrorOutline :CheckCircleOutlined;
60+
constIcon=severity==="error" ?ErrorOutline :CircleCheckIcon;
6161

6262
return<Iconcss={{width:size,height:size, color}}/>;
6363
};
@@ -201,9 +201,9 @@ export const BooleanPill: FC<BooleanPillProps> = ({
201201
<Pill
202202
icon={
203203
value ?(
204-
<CheckCircleOutlinedcss={{ color}}/>
204+
<CircleCheckIconcss={{ color}}className="size-icon-sm"/>
205205
) :(
206-
<DoNotDisturbOnOutlinedcss={{ color}}/>
206+
<CircleMinusIconcss={{ color}}className="size-icon-sm"/>
207207
)
208208
}
209209
{...divProps}

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

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import{useTheme}from"@emotion/react";
22
importCancelOutlinedfrom"@mui/icons-material/CancelOutlined";
3-
importCheckCircleOutlinedfrom"@mui/icons-material/CheckCircleOutlined";
43
importLinkOutlinedfrom"@mui/icons-material/LinkOutlined";
54
importLinearProgressfrom"@mui/material/LinearProgress";
65
importLinkfrom"@mui/material/Link";
@@ -45,6 +44,7 @@ import {
4544
subDays,
4645
}from"date-fns";
4746
import{useEmbeddedMetadata}from"hooks/useEmbeddedMetadata";
47+
import{CircleCheckasCircleCheckIcon}from"lucide-react";
4848
import{useTemplateLayoutContext}from"pages/TemplatePage/TemplateLayout";
4949
import{
5050
typeFC,
@@ -759,12 +759,11 @@ const ParameterUsageLabel: FC<ParameterUsageLabelProps> = ({
759759
</>
760760
) :(
761761
<>
762-
<CheckCircleOutlined
762+
<CircleCheckIcon
763763
css={{
764-
width:16,
765-
height:16,
766764
color:theme.palette.success.light,
767765
}}
766+
className="size-icon-xs"
768767
/>
769768
True
770769
</>

‎site/src/pages/UserSettingsPage/SecurityPage/SingleSignOnSection.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import{useTheme}from"@emotion/react";
2-
importCheckCircleOutlinedfrom"@mui/icons-material/CheckCircleOutlined";
32
importGitHubIconfrom"@mui/icons-material/GitHub";
43
importKeyIconfrom"@mui/icons-material/VpnKey";
54
importButtonfrom"@mui/material/Button";
@@ -16,6 +15,7 @@ import type {
1615
import{ConfirmDialog}from"components/Dialogs/ConfirmDialog/ConfirmDialog";
1716
import{EmptyState}from"components/EmptyState/EmptyState";
1817
import{Stack}from"components/Stack/Stack";
18+
import{CircleCheckasCircleCheckIcon}from"lucide-react";
1919
import{typeFC,useState}from"react";
2020
import{useMutation}from"react-query";
2121
import{docs}from"utils/docs";
@@ -191,11 +191,11 @@ export const SingleSignOnSection: FC<SingleSignOnSectionProps> = ({
191191
fontSize:14,
192192
}}
193193
>
194-
<CheckCircleOutlined
194+
<CircleCheckIcon
195195
css={{
196196
color:theme.palette.success.light,
197-
fontSize:16,
198197
}}
198+
className="size-icon-xs"
199199
/>
200200
<span>
201201
Authenticated with{" "}

0 commit comments

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