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

Commit4970fb9

Browse files
chore: replace MUI icons - 4 (#17748)
1. Replaced CloudUploadOutlined with CloudUploadIcon in FileUpload.tsx2. Replaced DeleteOutline with TrashIcon in: - WorkspaceTopbar.tsx - TokensPageView.tsx - GroupPage.tsx3. Replaced FolderOutlined with FolderIcon in FileUpload.tsx
1 parentaa4b764 commit4970fb9

File tree

5 files changed

+16
-18
lines changed

5 files changed

+16
-18
lines changed

‎site/src/components/FileUpload/FileUpload.tsx

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
11
import{typeInterpolation,typeTheme,css}from"@emotion/react";
2-
importUploadIconfrom"@mui/icons-material/CloudUploadOutlined";
3-
importRemoveIconfrom"@mui/icons-material/DeleteOutline";
4-
importFileIconfrom"@mui/icons-material/FolderOutlined";
52
importCircularProgressfrom"@mui/material/CircularProgress";
63
importIconButtonfrom"@mui/material/IconButton";
74
import{Stack}from"components/Stack/Stack";
85
import{useClickable}from"hooks/useClickable";
6+
import{CloudUploadIcon,FolderIcon,TrashIcon}from"lucide-react";
97
import{typeDragEvent,typeFC,typeReactNode,useRef}from"react";
108

119
exportinterfaceFileUploadProps{
@@ -44,12 +42,12 @@ export const FileUpload: FC<FileUploadProps> = ({
4442
alignItems="center"
4543
>
4644
<Stackdirection="row"alignItems="center">
47-
<FileIcon/>
45+
<FolderIconclassName="size-icon-sm"/>
4846
<span>{file.name}</span>
4947
</Stack>
5048

5149
<IconButtontitle={removeLabel}size="small"onClick={onRemove}>
52-
<RemoveIcon/>
50+
<TrashIconclassName="size-icon-sm"/>
5351
</IconButton>
5452
</Stack>
5553
);
@@ -68,7 +66,7 @@ export const FileUpload: FC<FileUploadProps> = ({
6866
{isUploading ?(
6967
<CircularProgresssize={32}/>
7068
) :(
71-
<UploadIconcss={styles.icon}/>
69+
<CloudUploadIconclassName="size-16"/>
7270
)}
7371
</div>
7472

@@ -166,10 +164,6 @@ const styles = {
166164
justifyContent:"center",
167165
},
168166

169-
icon:{
170-
fontSize:64,
171-
},
172-
173167
title:{
174168
fontSize:16,
175169
lineHeight:"1",

‎site/src/components/FullPageLayout/Topbar.tsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import {
1111
cloneElement,
1212
forwardRef,
1313
}from"react";
14+
import{cn}from"utils/cn";
1415

1516
exportconstTopbar:FC<HTMLAttributes<HTMLElement>>=(props)=>{
1617
consttheme=useTheme();
@@ -89,7 +90,7 @@ type TopbarIconProps = HTMLAttributes<HTMLOrSVGElement>;
8990

9091
exportconstTopbarIcon=forwardRef<HTMLOrSVGElement,TopbarIconProps>(
9192
(props:TopbarIconProps,ref)=>{
92-
const{ children, ...restProps}=props;
93+
const{ children,className,...restProps}=props;
9394
consttheme=useTheme();
9495

9596
returncloneElement(
@@ -101,7 +102,10 @@ export const TopbarIcon = forwardRef<HTMLOrSVGElement, TopbarIconProps>(
101102
{
102103
...restProps,
103104
ref,
104-
className:css({fontSize:16,color:theme.palette.text.disabled}),
105+
className:cn([
106+
css({fontSize:16,color:theme.palette.text.disabled}),
107+
"size-icon-sm",
108+
]),
105109
},
106110
);
107111
},

‎site/src/pages/GroupsPage/GroupPage.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-
importDeleteOutlinefrom"@mui/icons-material/DeleteOutline";
32
importPersonAddfrom"@mui/icons-material/PersonAdd";
43
importSettingsOutlinedfrom"@mui/icons-material/SettingsOutlined";
54
importLoadingButtonfrom"@mui/lab/LoadingButton";
@@ -51,6 +50,7 @@ import {
5150
TableToolbar,
5251
}from"components/TableToolbar/TableToolbar";
5352
import{MemberAutocomplete}from"components/UserAutocomplete/UserAutocomplete";
53+
import{TrashIcon}from"lucide-react";
5454
import{EllipsisVertical}from"lucide-react";
5555
import{typeFC,useState}from"react";
5656
import{Helmet}from"react-helmet-async";
@@ -134,7 +134,7 @@ const GroupPage: FC = () => {
134134
onClick={()=>{
135135
setIsDeletingGroup(true);
136136
}}
137-
startIcon={<DeleteOutline/>}
137+
startIcon={<TrashIconclassName="size-icon-sm"/>}
138138
css={styles.removeButton}
139139
>
140140
Delete&hellip;

‎site/src/pages/UserSettingsPage/TokensPage/TokensPageView.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-
importDeleteOutlineIconfrom"@mui/icons-material/DeleteOutline";
32
importIconButtonfrom"@mui/material/IconButton";
43
importTablefrom"@mui/material/Table";
54
importTableBodyfrom"@mui/material/TableBody";
@@ -15,6 +14,7 @@ import { TableEmpty } from "components/TableEmpty/TableEmpty";
1514
import{TableLoader}from"components/TableLoader/TableLoader";
1615
importdayjsfrom"dayjs";
1716
importrelativeTimefrom"dayjs/plugin/relativeTime";
17+
import{TrashIcon}from"lucide-react";
1818
importtype{FC,ReactNode}from"react";
1919

2020
dayjs.extend(relativeTime);
@@ -115,7 +115,7 @@ export const TokensPageView: FC<TokensPageViewProps> = ({
115115
size="medium"
116116
aria-label="Delete token"
117117
>
118-
<DeleteOutlineIcon/>
118+
<TrashIconclassName="size-icon-sm"/>
119119
</IconButton>
120120
</span>
121121
</TableCell>

‎site/src/pages/WorkspacePage/WorkspaceTopbar.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
importArrowBackOutlinedfrom"@mui/icons-material/ArrowBackOutlined";
3-
importDeleteOutlinefrom"@mui/icons-material/DeleteOutline";
43
importQuotaIconfrom"@mui/icons-material/MonetizationOnOutlined";
54
importLinkfrom"@mui/material/Link";
65
importTooltipfrom"@mui/material/Tooltip";
@@ -18,6 +17,7 @@ import {
1817
}from"components/FullPageLayout/Topbar";
1918
import{HelpTooltipContent}from"components/HelpTooltip/HelpTooltip";
2019
import{Popover,PopoverTrigger}from"components/deprecated/Popover/Popover";
20+
import{TrashIcon}from"lucide-react";
2121
import{useDashboard}from"modules/dashboard/useDashboard";
2222
import{linkToTemplate,useLinks}from"modules/navigation";
2323
import{WorkspaceStatusBadge}from"modules/workspaces/WorkspaceStatusBadge/WorkspaceStatusBadge";
@@ -199,7 +199,7 @@ export const WorkspaceTopbar: FC<WorkspaceProps> = ({
199199
{shouldDisplayDormantData&&(
200200
<TopbarData>
201201
<TopbarIcon>
202-
<DeleteOutline/>
202+
<TrashIcon/>
203203
</TopbarIcon>
204204
<Link
205205
component={RouterLink}

0 commit comments

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