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

Commit36224f2

Browse files
chore: replace MUI icons with Lucide icons - 17 (#17957)
1. ExpandMoreOutlined → ChevronDownIcon2. Error/ErrorIcon → CircleAlertIcon3. CheckCircle → CircleCheckIcon4. Warning → TriangleAlertIcon
1 parent3e7ff9d commit36224f2

File tree

7 files changed

+31
-25
lines changed

7 files changed

+31
-25
lines changed

‎site/src/modules/workspaces/WorkspaceAppStatus/WorkspaceAppStatus.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
importtype{Theme}from"@emotion/react";
22
import{useTheme}from"@emotion/react";
33
importAppsIconfrom"@mui/icons-material/Apps";
4-
importCheckCirclefrom"@mui/icons-material/CheckCircle";
5-
importErrorIconfrom"@mui/icons-material/Error";
64
importInsertDriveFilefrom"@mui/icons-material/InsertDriveFile";
7-
importWarningfrom"@mui/icons-material/Warning";
85
importCircularProgressfrom"@mui/material/CircularProgress";
96
importtype{
107
WorkspaceAppStatusasAPIWorkspaceAppStatus,
118
Workspace,
129
WorkspaceAgent,
1310
WorkspaceApp,
1411
}from"api/typesGenerated";
12+
import{CircleCheckIcon}from"lucide-react";
13+
import{CircleAlertIcon}from"lucide-react";
14+
import{TriangleAlertIcon}from"lucide-react";
1515
import{ExternalLinkIcon}from"lucide-react";
1616
import{useAppLink}from"modules/apps/useAppLink";
1717
importtype{FC}from"react";
@@ -46,13 +46,13 @@ const getStatusIcon = (theme: Theme, state: APIWorkspaceAppStatus["state"]) => {
4646
constcolor=getStatusColor(theme,state);
4747
switch(state){
4848
case"complete":
49-
return<CheckCirclesx={{ color,fontSize:16}}/>;
49+
return<CircleCheckIconclassName="size-icon-xs"style={{ color}}/>;
5050
case"failure":
51-
return<ErrorIconsx={{ color,fontSize:16}}/>;
51+
return<CircleAlertIconclassName="size-icon-xs"style={{ color}}/>;
5252
case"working":
5353
return<CircularProgresssize={16}sx={{ color}}/>;
5454
default:
55-
return<Warningsx={{ color,fontSize:16}}/>;
55+
return<TriangleAlertIconclassName="size-icon-xs"style={{ color}}/>;
5656
}
5757
};
5858

‎site/src/modules/workspaces/WorkspaceTiming/StagesChart.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importErrorSharpfrom"@mui/icons-material/ErrorSharp";
32
importtype{TimingStage}from"api/typesGenerated";
3+
import{CircleAlertIcon}from"lucide-react";
44
import{InfoIcon}from"lucide-react";
55
importtype{FC}from"react";
66
import{Bar,ClickableBar}from"./Chart/Bar";
@@ -159,9 +159,9 @@ export const StagesChart: FC<StagesChartProps> = ({
159159
}}
160160
>
161161
{t.error&&(
162-
<ErrorSharp
162+
<CircleAlertIcon
163+
className="size-icon-sm"
163164
css={{
164-
fontSize:18,
165165
color:"#F87171",
166166
marginRight:4,
167167
}}

‎site/src/pages/ChatPage/ChatToolInvocation.tsx‎

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,17 @@ import type { ToolCall, ToolResult } from "@ai-sdk/provider-utils";
22
import{useTheme}from"@emotion/react";
33
importArticleIconfrom"@mui/icons-material/Article";
44
importBuildIconfrom"@mui/icons-material/Build";
5-
importCheckCirclefrom"@mui/icons-material/CheckCircle";
65
importCodeIconfrom"@mui/icons-material/Code";
76
importDeleteIconfrom"@mui/icons-material/Delete";
8-
importErrorIconfrom"@mui/icons-material/Error";
97
importFileUploadIconfrom"@mui/icons-material/FileUpload";
108
importPersonIconfrom"@mui/icons-material/Person";
119
importSettingsIconfrom"@mui/icons-material/Settings";
1210
importCircularProgressfrom"@mui/material/CircularProgress";
1311
importTooltipfrom"@mui/material/Tooltip";
1412
importtype*asTypesGenfrom"api/typesGenerated";
1513
import{Avatar}from"components/Avatar/Avatar";
14+
import{CircleCheckIcon}from"lucide-react";
15+
import{CircleAlertIcon}from"lucide-react";
1616
import{InfoIcon}from"lucide-react";
1717
importtypeReactfrom"react";
1818
import{typeFC,memo,useMemo,useState}from"react";
@@ -96,9 +96,15 @@ export const ChatToolInvocation: FC<ChatToolInvocationProps> = ({
9696
)}
9797
{toolInvocation.state==="result" ?(
9898
hasError ?(
99-
<ErrorIconsx={{color:statusColor,fontSize:16}}/>
99+
<CircleAlertIcon
100+
className="size-icon-xs"
101+
style={{color:statusColor}}
102+
/>
100103
) :(
101-
<CheckCirclesx={{color:statusColor,fontSize:16}}/>
104+
<CircleCheckIcon
105+
className="size-icon-xs"
106+
style={{color:statusColor}}
107+
/>
102108
)
103109
) :null}
104110
<div

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
importExpandMoreOutlinedfrom"@mui/icons-material/ExpandMoreOutlined";
21
importMenufrom"@mui/material/Menu";
32
importMenuItemfrom"@mui/material/MenuItem";
43
import{Button}from"components/Button/Button";
4+
import{ChevronDownIcon}from"lucide-react";
55
import{CheckIcon}from"lucide-react";
66
import{typeFC,useRef,useState}from"react";
77

@@ -41,7 +41,7 @@ export const IntervalMenu: FC<IntervalMenuProps> = ({ value, onChange }) => {
4141
variant="outline"
4242
>
4343
{insightsIntervals[value].label}
44-
<ExpandMoreOutlinedclassName="size-icon-xs ml-1"/>
44+
<ChevronDownIconclassName="size-icon-xs ml-1"/>
4545
</Button>
4646
<Menu
4747
id="interval-menu"

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
importExpandMoreOutlinedfrom"@mui/icons-material/ExpandMoreOutlined";
21
importButtonfrom"@mui/material/Button";
32
importMenufrom"@mui/material/Menu";
43
importMenuItemfrom"@mui/material/MenuItem";
54
import{differenceInWeeks}from"date-fns";
5+
import{ChevronDownIcon}from"lucide-react";
66
import{CheckIcon}from"lucide-react";
77
import{typeFC,useRef,useState}from"react";
88
importtype{DateRangeValue}from"./DateRange";
@@ -35,7 +35,7 @@ export const WeekPicker: FC<WeekPickerProps> = ({ value, onChange }) => {
3535
aria-haspopup="true"
3636
aria-expanded={open ?"true" :undefined}
3737
onClick={()=>setOpen(true)}
38-
endIcon={<ExpandMoreOutlined/>}
38+
endIcon={<ChevronDownIconclassName="size-icon-xs"/>}
3939
>
4040
Last{numberOfWeeks} weeks
4141
</Button>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
importExpandMoreOutlinedfrom"@mui/icons-material/ExpandMoreOutlined";
21
importLinkfrom"@mui/material/Link";
32
importuseThemefrom"@mui/system/useTheme";
43
importtype{ProvisionerDaemon}from"api/typesGenerated";
@@ -9,6 +8,7 @@ import {
98
PopoverContent,
109
PopoverTrigger,
1110
}from"components/deprecated/Popover/Popover";
11+
import{ChevronDownIcon}from"lucide-react";
1212
import{ProvisionerTagsField}from"modules/provisioners/ProvisionerTagsField";
1313
importtype{FC}from"react";
1414
import{docs}from"utils/docs";
@@ -31,7 +31,7 @@ export const ProvisionerTagsPopover: FC<ProvisionerTagsPopoverProps> = ({
3131
color="neutral"
3232
css={{paddingLeft:0,paddingRight:0,minWidth:"28px !important"}}
3333
>
34-
<ExpandMoreOutlinedcss={{fontSize:14}}/>
34+
<ChevronDownIconclassName="size-icon-xs"/>
3535
<spanclassName="sr-only">Expand provisioner tags</span>
3636
</TopbarButton>
3737
</PopoverTrigger>

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

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,7 @@
11
importtype{Theme}from"@emotion/react";
22
import{useTheme}from"@emotion/react";
33
importAppsIconfrom"@mui/icons-material/Apps";
4-
importCheckCirclefrom"@mui/icons-material/CheckCircle";
5-
importErrorIconfrom"@mui/icons-material/Error";
64
importInsertDriveFilefrom"@mui/icons-material/InsertDriveFile";
7-
importWarningfrom"@mui/icons-material/Warning";
85
importCircularProgressfrom"@mui/material/CircularProgress";
96
importLinkfrom"@mui/material/Link";
107
importTooltipfrom"@mui/material/Tooltip";
@@ -15,6 +12,9 @@ import type {
1512
WorkspaceApp,
1613
}from"api/typesGenerated";
1714
import{formatDistance,formatDistanceToNow}from"date-fns";
15+
import{CircleCheckIcon}from"lucide-react";
16+
import{CircleAlertIcon}from"lucide-react";
17+
import{TriangleAlertIcon}from"lucide-react";
1818
import{ExternalLinkIcon}from"lucide-react";
1919
import{HourglassIcon}from"lucide-react";
2020
import{CircleHelpIcon}from"lucide-react";
@@ -49,9 +49,9 @@ const getStatusIcon = (
4949
:theme.palette.text.disabled;
5050
switch(state){
5151
case"complete":
52-
return<CheckCirclesx={{ color,fontSize:18}}/>;
52+
return<CircleCheckIconclassName="size-icon-sm"style={{ color}}/>;
5353
case"failure":
54-
return<ErrorIconsx={{ color,fontSize:18}}/>;
54+
return<CircleAlertIconclassName="size-icon-sm"style={{ color}}/>;
5555
case"working":
5656
// Use Hourglass for past "working" states, spinner for the current one
5757
returnisLatest ?(
@@ -60,7 +60,7 @@ const getStatusIcon = (
6060
<HourglassIconclassName="size-icon-sm"style={{ color}}/>
6161
);
6262
default:
63-
return<Warningsx={{ color,fontSize:18}}/>;
63+
return<TriangleAlertIconclassName="size-icon-sm"style={{ color}}/>;
6464
}
6565
};
6666

0 commit comments

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