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

Commit6b82662

Browse files
committed
chore: replce MUI icons#3
1 parentd5360a6 commit6b82662

File tree

8 files changed

+27
-23
lines changed

8 files changed

+27
-23
lines changed

‎site/src/components/Paywall/Paywall.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importTaskAltIconfrom"@mui/icons-material/TaskAlt";
2+
import{CircleCheckBigIcon}from"lucide-react";
33
importLinkfrom"@mui/material/Link";
44
import{PremiumBadge}from"components/Badges/Badges";
55
import{Button}from"components/Button/Button";
@@ -73,7 +73,9 @@ export const Paywall: FC<PaywallProps> = ({
7373

7474
constFeatureIcon:FC=()=>{
7575
return(
76-
<TaskAltIcon
76+
<CircleCheckBigIcon
77+
aria-hidden="true"
78+
className="size-icon-sm"
7779
css={[
7880
(theme)=>({
7981
color:theme.branding.premium.border,

‎site/src/components/Paywall/PopoverPaywall.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importTaskAltIconfrom"@mui/icons-material/TaskAlt";
2+
import{CircleCheckBigIcon}from"lucide-react";
33
importLinkfrom"@mui/material/Link";
44
import{PremiumBadge}from"components/Badges/Badges";
55
import{Button}from"components/Button/Button";
@@ -77,7 +77,9 @@ export const PopoverPaywall: FC<PopoverPaywallProps> = ({
7777

7878
constFeatureIcon:FC=()=>{
7979
return(
80-
<TaskAltIcon
80+
<CircleCheckBigIcon
81+
aria-hidden="true"
82+
className="size-icon-sm"
8183
css={[
8284
(theme)=>({
8385
color:theme.branding.premium.border,

‎site/src/components/Pill/Pill.stories.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
importInfoOutlinedfrom"@mui/icons-material/InfoOutlined";
1+
import{InfoIcon}from"lucide-react";
22
importtype{Meta,StoryObj}from"@storybook/react";
33
import{Pill,PillSpinner}from"./Pill";
44

@@ -68,7 +68,7 @@ export const WithIcon: Story = {
6868
args:{
6969
children:"Information",
7070
type:"info",
71-
icon:<InfoOutlined/>,
71+
icon:<InfoIconaria-hidden="true"className="size-icon-sm"/>,
7272
},
7373
};
7474

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

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import{useTheme}from"@emotion/react";
2-
importErrorOutlineIconfrom"@mui/icons-material/ErrorOutline";
2+
import{CircleAlertIcon}from"lucide-react";
33
import{API}from"api/api";
44
importtype*asTypesGenfrom"api/typesGenerated";
55
import{displayError}from"components/GlobalSnackbar/utils";
@@ -74,12 +74,12 @@ export const AppLink: FC<AppLinkProps> = ({ app, workspace, agent }) => {
7474
primaryTooltip="Initializing...";
7575
}
7676
if(app.health==="unhealthy"){
77-
icon=<ErrorOutlineIconcss={{color:theme.palette.warning.light}}/>;
77+
icon=<CircleAlertIconaria-hidden="true"className="size-icon-sm"css={{color:theme.palette.warning.light}}/>;
7878
primaryTooltip="Unhealthy";
7979
}
8080
if(!appsHost&&app.subdomain){
8181
canClick=false;
82-
icon=<ErrorOutlineIconcss={{color:theme.palette.grey[300]}}/>;
82+
icon=<CircleAlertIconaria-hidden="true"className="size-icon-sm"css={{color:theme.palette.grey[300]}}/>;
8383
primaryTooltip=
8484
"Your admin has not configured subdomain application access";
8585
}
@@ -175,4 +175,4 @@ export const AppLink: FC<AppLinkProps> = ({ app, workspace, agent }) => {
175175
}
176176

177177
returnbutton;
178-
};
178+
};

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

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
importErrorOutlinefrom"@mui/icons-material/ErrorOutline";
1+
import{CircleAlertIcon}from"lucide-react";
22
importTooltip,{
33
typeTooltipProps,
44
tooltipClasses,
@@ -31,10 +31,10 @@ export const WorkspaceStatusBadge: FC<WorkspaceStatusBadgeProps> = ({
3131
<FailureTooltip
3232
title={
3333
<divcss={{display:"flex",alignItems:"center",gap:10}}>
34-
<ErrorOutline
34+
<CircleAlertIcon
35+
aria-hidden="true"
36+
className="size-icon-xs"
3537
css={(theme)=>({
36-
width:14,
37-
height:14,
3838
color:theme.palette.error.light,
3939
})}
4040
/>
@@ -87,4 +87,4 @@ const FailureTooltip: FC<TooltipProps> = ({ children, ...tooltipProps }) => {
8787
{children}
8888
</Tooltip>
8989
);
90-
};
90+
};

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import{css}from"@emotion/css";
2-
importInfoIconfrom"@mui/icons-material/InfoOutlined";
2+
import{InfoIcon}from"lucide-react";
33
importAlertTitlefrom"@mui/material/AlertTitle";
44
importAutocompletefrom"@mui/material/Autocomplete";
55
importCircularProgressfrom"@mui/material/CircularProgress";
@@ -106,7 +106,7 @@ export const ChangeVersionDialog: FC<ChangeVersionDialogProps> = ({
106106
>
107107
{option.name}
108108
{option.message&&(
109-
<InfoIconcss={{width:12,height:12}}/>
109+
<InfoIconaria-hidden="true"className="size-icon-xs"/>
110110
)}
111111
</Stack>
112112
{template?.active_version_id===option.id&&(

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importInfoOutlinedfrom"@mui/icons-material/InfoOutlined";
2+
import{InfoIcon}from"lucide-react";
33
importWarningRoundedfrom"@mui/icons-material/WarningRounded";
44
import{workspaceResolveAutostart}from"api/queries/workspaceQuota";
55
importtype{
@@ -251,7 +251,7 @@ export const WorkspaceNotifications: FC<WorkspaceNotificationsProps> = ({
251251
<Notifications
252252
items={infoNotifications}
253253
severity="info"
254-
icon={<InfoOutlined/>}
254+
icon={<InfoIconaria-hidden="true"className="size-icon-sm"/>}
255255
/>
256256
)}
257257

‎site/src/utils/workspace.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
importtype{Theme}from"@emotion/react";
2-
importErrorIconfrom"@mui/icons-material/ErrorOutline";
2+
import{CircleAlertIcon}from"lucide-react";
33
importQueuedIconfrom"@mui/icons-material/HourglassEmpty";
44
importPlayIconfrom"@mui/icons-material/PlayArrowOutlined";
55
importStopIconfrom"@mui/icons-material/StopOutlined";
@@ -227,7 +227,7 @@ export const getDisplayWorkspaceStatus = (
227227
return{
228228
type:"danger",
229229
text:"Deleted",
230-
icon:<ErrorIcon/>,
230+
icon:<CircleAlertIconaria-hidden="true"className="size-icon-sm"/>,
231231
}asconst;
232232
case"canceling":
233233
return{
@@ -239,13 +239,13 @@ export const getDisplayWorkspaceStatus = (
239239
return{
240240
type:"inactive",
241241
text:"Canceled",
242-
icon:<ErrorIcon/>,
242+
icon:<CircleAlertIconaria-hidden="true"className="size-icon-sm"/>,
243243
}asconst;
244244
case"failed":
245245
return{
246246
type:"error",
247247
text:"Failed",
248-
icon:<ErrorIcon/>,
248+
icon:<CircleAlertIconaria-hidden="true"className="size-icon-sm"/>,
249249
}asconst;
250250
case"pending":
251251
return{

0 commit comments

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