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

Commitdf56a13

Browse files
chore: replace MUI icons with Lucide icons - 12 (#17815)
AddOutlined -> PlusIconRemoveOutlined -> TrashIconScheduleOutlined -> ClockIcon
1 parent6e96778 commitdf56a13

File tree

9 files changed

+34
-31
lines changed

9 files changed

+34
-31
lines changed

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

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import{typeInterpolation,typeTheme,useTheme}from"@emotion/react";
2-
importAddIconfrom"@mui/icons-material/AddOutlined";
32
importMuiButtonfrom"@mui/material/Button";
43
importMuiLinkfrom"@mui/material/Link";
54
importSkeletonfrom"@mui/material/Skeleton";
@@ -15,7 +14,7 @@ import {
1514
import{Spinner}from"components/Spinner/Spinner";
1615
import{Stack}from"components/Stack/Stack";
1716
import{useWindowSize}from"hooks/useWindowSize";
18-
import{RotateCwIcon}from"lucide-react";
17+
import{PlusIcon,RotateCwIcon}from"lucide-react";
1918
importtype{FC}from"react";
2019
importConfettifrom"react-confetti";
2120
import{Link}from"react-router-dom";
@@ -76,7 +75,7 @@ const LicensesSettingsPageView: FC<Props> = ({
7675
<MuiButton
7776
component={Link}
7877
to="/deployment/licenses/add"
79-
startIcon={<AddIcon/>}
78+
startIcon={<PlusIconclassName="size-icon-sm"/>}
8079
>
8180
Add a license
8281
</MuiButton>

‎site/src/pages/DeploymentSettingsPage/OAuth2AppsSettingsPage/OAuth2AppsSettingsPageView.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import{useTheme}from"@emotion/react";
2-
importAddIconfrom"@mui/icons-material/AddOutlined";
32
importKeyboardArrowRightfrom"@mui/icons-material/KeyboardArrowRight";
43
importButtonfrom"@mui/material/Button";
54
importTablefrom"@mui/material/Table";
@@ -19,6 +18,7 @@ import {
1918
import{Stack}from"components/Stack/Stack";
2019
import{TableLoader}from"components/TableLoader/TableLoader";
2120
import{useClickableTableRow}from"hooks/useClickableTableRow";
21+
import{PlusIcon}from"lucide-react";
2222
importtype{FC}from"react";
2323
import{Link,useNavigate}from"react-router-dom";
2424

@@ -52,7 +52,7 @@ const OAuth2AppsSettingsPageView: FC<OAuth2AppsSettingsProps> = ({
5252
<Button
5353
component={Link}
5454
to="/deployment/oauth2-provider/apps/add"
55-
startIcon={<AddIcon/>}
55+
startIcon={<PlusIconclassName="size-icon-sm"/>}
5656
>
5757
Add application
5858
</Button>

‎site/src/pages/GroupsPage/GroupsPageView.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-
importAddOutlinedfrom"@mui/icons-material/AddOutlined";
32
importKeyboardArrowRightfrom"@mui/icons-material/KeyboardArrowRight";
43
importSkeletonfrom"@mui/material/Skeleton";
54
importtype{Group}from"api/typesGenerated";
@@ -24,6 +23,7 @@ import {
2423
TableRowSkeleton,
2524
}from"components/TableLoader/TableLoader";
2625
import{useClickableTableRow}from"hooks";
26+
import{PlusIcon}from"lucide-react";
2727
importtype{FC}from"react";
2828
import{LinkasRouterLink,useNavigate}from"react-router-dom";
2929
import{docs}from"utils/docs";
@@ -81,7 +81,7 @@ export const GroupsPageView: FC<GroupsPageViewProps> = ({
8181
canCreateGroup&&(
8282
<ButtonasChild>
8383
<RouterLinkto="create">
84-
<AddOutlined/>
84+
<PlusIconclassName="size-icon-sm"/>
8585
Create group
8686
</RouterLink>
8787
</Button>

‎site/src/pages/OrganizationSettingsPage/CustomRolesPage/CustomRolesPageView.tsx

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importAddIconfrom"@mui/icons-material/AddOutlined";
3-
importAddOutlinedfrom"@mui/icons-material/AddOutlined";
42
importButtonfrom"@mui/material/Button";
53
importSkeletonfrom"@mui/material/Skeleton";
64
importtype{AssignableRoles,Role}from"api/typesGenerated";
@@ -27,7 +25,7 @@ import {
2725
TableLoaderSkeleton,
2826
TableRowSkeleton,
2927
}from"components/TableLoader/TableLoader";
30-
import{EllipsisVertical}from"lucide-react";
28+
import{EllipsisVertical,PlusIcon}from"lucide-react";
3129
importtype{FC}from"react";
3230
import{LinkasRouterLink,useNavigate}from"react-router-dom";
3331
import{docs}from"utils/docs";
@@ -74,7 +72,11 @@ export const CustomRolesPageView: FC<CustomRolesPageViewProps> = ({
7472
</span>
7573
</span>
7674
{canCreateOrgRole&&isCustomRolesEnabled&&(
77-
<Buttoncomponent={RouterLink}startIcon={<AddIcon/>}to="create">
75+
<Button
76+
component={RouterLink}
77+
startIcon={<PlusIconclassName="size-icon-sm"/>}
78+
to="create"
79+
>
7880
Create custom role
7981
</Button>
8082
)}
@@ -158,7 +160,7 @@ const RoleTable: FC<RoleTableProps> = ({
158160
<Button
159161
component={RouterLink}
160162
to="create"
161-
startIcon={<AddOutlined/>}
163+
startIcon={<PlusIconclassName="size-icon-sm"/>}
162164
variant="contained"
163165
>
164166
Create custom role

‎site/src/pages/StarterTemplatePage/StarterTemplatePageView.tsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import{useTheme}from"@emotion/react";
2-
importPlusIconfrom"@mui/icons-material/AddOutlined";
32
importButtonfrom"@mui/material/Button";
43
importtype{TemplateExample}from"api/typesGenerated";
54
import{ErrorAlert}from"components/Alert/ErrorAlert";
@@ -13,7 +12,7 @@ import {
1312
PageHeaderTitle,
1413
}from"components/PageHeader/PageHeader";
1514
import{Stack}from"components/Stack/Stack";
16-
import{ExternalLinkIcon}from"lucide-react";
15+
import{ExternalLinkIcon,PlusIcon}from"lucide-react";
1716
importtype{FC}from"react";
1817
import{Link}from"react-router-dom";
1918

@@ -58,7 +57,7 @@ export const StarterTemplatePageView: FC<StarterTemplatePageViewProps> = ({
5857
variant="contained"
5958
component={Link}
6059
to={`/templates/new?exampleId=${starterTemplate.id}`}
61-
startIcon={<PlusIcon/>}
60+
startIcon={<PlusIconclassName="size-icon-sm"/>}
6261
>
6362
Use template
6463
</Button>

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

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
importAddIconfrom"@mui/icons-material/AddOutlined";
21
importEditIconfrom"@mui/icons-material/EditOutlined";
32
importCopyIconfrom"@mui/icons-material/FileCopyOutlined";
43
importButtonfrom"@mui/material/Button";
@@ -28,9 +27,12 @@ import {
2827
}from"components/PageHeader/PageHeader";
2928
import{Pill}from"components/Pill/Pill";
3029
import{Stack}from"components/Stack/Stack";
31-
import{SettingsIcon}from"lucide-react";
32-
import{TrashIcon}from"lucide-react";
33-
import{EllipsisVertical}from"lucide-react";
30+
import{
31+
EllipsisVertical,
32+
PlusIcon,
33+
SettingsIcon,
34+
TrashIcon,
35+
}from"lucide-react";
3436
import{linkToTemplate,useLinks}from"modules/navigation";
3537
importtype{WorkspacePermissions}from"modules/permissions/workspaces";
3638
importtype{FC}from"react";
@@ -190,7 +192,7 @@ export const TemplatePageHeader: FC<TemplatePageHeaderProps> = ({
190192
workspacePermissions.createWorkspaceForUserID&&(
191193
<Button
192194
variant="contained"
193-
startIcon={<AddIcon/>}
195+
startIcon={<PlusIconclassName="size-icon-sm"/>}
194196
component={RouterLink}
195197
to={`${templateLink}/workspace`}
196198
>

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

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import{typeInterpolation,typeTheme,useTheme}from"@emotion/react";
2-
importCreateIconfrom"@mui/icons-material/AddOutlined";
32
importArrowBackOutlinedfrom"@mui/icons-material/ArrowBackOutlined";
43
importWarningOutlinedfrom"@mui/icons-material/WarningOutlined";
54
importButtonfrom"@mui/material/Button";
@@ -26,7 +25,7 @@ import {
2625
}from"components/FullPageLayout/Topbar";
2726
import{displayError}from"components/GlobalSnackbar/utils";
2827
import{Loader}from"components/Loader/Loader";
29-
import{PlayIcon,XIcon}from"lucide-react";
28+
import{PlayIcon,PlusIcon,XIcon}from"lucide-react";
3029
import{linkToTemplate,useLinks}from"modules/navigation";
3130
import{ProvisionerAlert}from"modules/provisioners/ProvisionerAlert";
3231
import{AlertVariant}from"modules/provisioners/ProvisionerAlert";
@@ -360,7 +359,7 @@ export const TemplateVersionEditor: FC<TemplateVersionEditorProps> = ({
360359
event.currentTarget.blur();
361360
}}
362361
>
363-
<CreateIconcss={{width:16,height:16}}/>
362+
<PlusIconclassName="size-icon-xs"/>
364363
</IconButton>
365364
</Tooltip>
366365
</div>

‎site/src/pages/UserSettingsPage/TokensPage/TokensPage.tsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import{typeInterpolation,typeTheme,css}from"@emotion/react";
2-
importAddIconfrom"@mui/icons-material/AddOutlined";
32
importButtonfrom"@mui/material/Button";
43
importtype{APIKeyWithOwner}from"api/typesGenerated";
54
import{Stack}from"components/Stack/Stack";
5+
import{PlusIcon}from"lucide-react";
66
import{typeFC,useState}from"react";
77
import{LinkasRouterLink}from"react-router-dom";
88
import{Section}from"../Section";
@@ -65,7 +65,11 @@ const TokensPage: FC = () => {
6565

6666
constTokenActions:FC=()=>(
6767
<Stackdirection="row"justifyContent="end"css={{marginBottom:8}}>
68-
<ButtonstartIcon={<AddIcon/>}component={RouterLink}to="new">
68+
<Button
69+
startIcon={<PlusIconclassName="size-icon-sm"/>}
70+
component={RouterLink}
71+
to="new"
72+
>
6973
Add token
7074
</Button>
7175
</Stack>

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

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,4 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importAddIconfrom"@mui/icons-material/AddOutlined";
3-
importRemoveIconfrom"@mui/icons-material/RemoveOutlined";
4-
importScheduleOutlinedfrom"@mui/icons-material/ScheduleOutlined";
52
importIconButtonfrom"@mui/material/IconButton";
63
importLink,{typeLinkProps}from"@mui/material/Link";
74
importTooltipfrom"@mui/material/Tooltip";
@@ -16,6 +13,7 @@ import { TopbarData, TopbarIcon } from "components/FullPageLayout/Topbar";
1613
import{displayError,displaySuccess}from"components/GlobalSnackbar/utils";
1714
importdayjs,{typeDayjs}from"dayjs";
1815
import{useTime}from"hooks/useTime";
16+
import{ClockIcon,MinusIcon,PlusIcon}from"lucide-react";
1917
import{getWorkspaceActivityStatus}from"modules/workspaces/activity";
2018
import{typeFC,typeReactNode,forwardRef,useRef,useState}from"react";
2119
import{useMutation,useQueryClient}from"react-query";
@@ -41,7 +39,7 @@ const WorkspaceScheduleContainer: FC<WorkspaceScheduleContainerProps> = ({
4139
})=>{
4240
consticon=(
4341
<TopbarIcon>
44-
<ScheduleOutlinedaria-label="Schedule"/>
42+
<ClockIconaria-label="Schedule"className="size-icon-sm"/>
4543
</TopbarIcon>
4644
);
4745

@@ -211,7 +209,7 @@ const AutostopDisplay: FC<AutostopDisplayProps> = ({
211209
handleDeadlineChange(deadline.subtract(1,"h"));
212210
}}
213211
>
214-
<RemoveIcon/>
212+
<MinusIconclassName="size-icon-xs"/>
215213
<spanstyle={visuallyHidden}>Subtract 1 hour</span>
216214
</IconButton>
217215
</Tooltip>
@@ -224,7 +222,7 @@ const AutostopDisplay: FC<AutostopDisplayProps> = ({
224222
handleDeadlineChange(deadline.add(1,"h"));
225223
}}
226224
>
227-
<AddIcon/>
225+
<PlusIconclassName="size-icon-xs"/>
228226
<spanstyle={visuallyHidden}>Add 1 hour</span>
229227
</IconButton>
230228
</Tooltip>

0 commit comments

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