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

Commitb0a4ef0

Browse files
chore: replace MUI icons - 2 (#17732)
Replace icons: Check | CheckIconKeyboardArrowDown | ChevronDownIconKeyboardArrowUp | ChevronUpIcon
1 parent9e44f18 commitb0a4ef0

File tree

9 files changed

+21
-24
lines changed

9 files changed

+21
-24
lines changed

‎site/src/components/CopyButton/CopyButton.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import{typeInterpolation,typeTheme,css}from"@emotion/react";
2-
importCheckfrom"@mui/icons-material/Check";
32
importIconButtonfrom"@mui/material/Button";
43
importTooltipfrom"@mui/material/Tooltip";
54
import{useClipboard}from"hooks/useClipboard";
5+
import{CheckIcon}from"lucide-react";
66
import{typeReactNode,forwardRef}from"react";
77
import{FileCopyIcon}from"../Icons/FileCopyIcon";
88

@@ -48,7 +48,7 @@ export const CopyButton = forwardRef<HTMLButtonElement, CopyButtonProps>(
4848
onClick={copyToClipboard}
4949
>
5050
{showCopiedSuccess ?(
51-
<Checkcss={styles.copyIcon}/>
51+
<CheckIconcss={styles.copyIcon}/>
5252
) :(
5353
<FileCopyIconcss={styles.copyIcon}/>
5454
)}

‎site/src/components/DropdownArrow/DropdownArrow.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importKeyboardArrowDownfrom"@mui/icons-material/KeyboardArrowDown";
3-
importKeyboardArrowUpfrom"@mui/icons-material/KeyboardArrowUp";
2+
import{ChevronDownIcon,ChevronUpIcon}from"lucide-react";
43
importtype{FC}from"react";
54

65
interfaceArrowProps{
@@ -14,7 +13,7 @@ export const DropdownArrow: FC<ArrowProps> = ({
1413
color,
1514
close,
1615
})=>{
17-
constArrow=close ?KeyboardArrowUp :KeyboardArrowDown;
16+
constArrow=close ?ChevronUpIcon :ChevronDownIcon;
1817

1918
return(
2019
<Arrow

‎site/src/components/DurationField/DurationField.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
importKeyboardArrowDownfrom"@mui/icons-material/KeyboardArrowDown";
21
importFormHelperTextfrom"@mui/material/FormHelperText";
32
importMenuItemfrom"@mui/material/MenuItem";
43
importSelectfrom"@mui/material/Select";
54
importTextField,{typeTextFieldProps}from"@mui/material/TextField";
5+
import{ChevronDownIcon}from"lucide-react";
66
import{typeFC,useEffect,useReducer}from"react";
77
import{
88
typeTimeUnit,
@@ -126,7 +126,7 @@ export const DurationField: FC<DurationFieldProps> = (props) => {
126126
});
127127
}}
128128
inputProps={{"aria-label":"Time unit"}}
129-
IconComponent={KeyboardArrowDown}
129+
IconComponent={ChevronDownIcon}
130130
>
131131
<MenuItemvalue="hours">Hours</MenuItem>
132132
<MenuItem

‎site/src/components/Filter/Filter.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-
importKeyboardArrowDownfrom"@mui/icons-material/KeyboardArrowDown";
32
importOpenInNewOutlinedfrom"@mui/icons-material/OpenInNewOutlined";
43
importButtonfrom"@mui/material/Button";
54
importDividerfrom"@mui/material/Divider";
@@ -15,6 +14,7 @@ import {
1514
import{InputGroup}from"components/InputGroup/InputGroup";
1615
import{SearchField}from"components/SearchField/SearchField";
1716
import{useDebouncedFunction}from"hooks/debounce";
17+
import{ChevronDownIcon}from"lucide-react";
1818
import{typeFC,typeReactNode,useEffect,useRef,useState}from"react";
1919
importtype{useSearchParams}from"react-router-dom";
2020

@@ -267,7 +267,7 @@ const PresetMenu: FC<PresetMenuProps> = ({
267267
<Button
268268
onClick={()=>setIsOpen(true)}
269269
ref={anchorRef}
270-
endIcon={<KeyboardArrowDown/>}
270+
endIcon={<ChevronDownIconclassName="size-4"/>}
271271
>
272272
Filters
273273
</Button>

‎site/src/modules/resources/PortForwardButton.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
importCloseIconfrom"@mui/icons-material/Close";
3-
importKeyboardArrowDownfrom"@mui/icons-material/KeyboardArrowDown";
43
importLockIconfrom"@mui/icons-material/Lock";
54
importLockOpenIconfrom"@mui/icons-material/LockOpen";
65
importOpenInNewOutlinedfrom"@mui/icons-material/OpenInNewOutlined";
@@ -42,6 +41,7 @@ import {
4241
}from"components/deprecated/Popover/Popover";
4342
import{typeFormikContextType,useFormik}from"formik";
4443
import{typeClassName,useClassName}from"hooks/useClassName";
44+
import{ChevronDownIcon}from"lucide-react";
4545
import{useDashboard}from"modules/dashboard/useDashboard";
4646
import{typeFC,useState}from"react";
4747
import{useMutation,useQuery}from"react-query";
@@ -82,7 +82,7 @@ export const PortForwardButton: FC<PortForwardButtonProps> = (props) => {
8282
disabled={!portsQuery.data}
8383
size="small"
8484
variant="text"
85-
endIcon={<KeyboardArrowDown/>}
85+
endIcon={<ChevronDownIconclassName="size-4"/>}
8686
css={{fontSize:13,padding:"8px 12px"}}
8787
startIcon={
8888
portsQuery.data ?(

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importKeyboardArrowDownfrom"@mui/icons-material/KeyboardArrowDown";
32
importButtonfrom"@mui/material/Button";
43
import{CodeExample}from"components/CodeExample/CodeExample";
54
import{
@@ -14,6 +13,7 @@ import {
1413
PopoverTrigger,
1514
}from"components/deprecated/Popover/Popover";
1615
import{typeClassName,useClassName}from"hooks/useClassName";
16+
import{ChevronDownIcon}from"lucide-react";
1717
importtype{FC}from"react";
1818
import{docs}from"utils/docs";
1919

@@ -36,7 +36,7 @@ export const AgentSSHButton: FC<AgentSSHButtonProps> = ({
3636
<Button
3737
size="small"
3838
variant="text"
39-
endIcon={<KeyboardArrowDown/>}
39+
endIcon={<ChevronDownIconclassName="size-4"/>}
4040
css={{fontSize:13,padding:"8px 12px"}}
4141
>
4242
Connect via SSH
@@ -98,7 +98,7 @@ export const AgentDevcontainerSSHButton: FC<
9898
<Button
9999
size="small"
100100
variant="text"
101-
endIcon={<KeyboardArrowDown/>}
101+
endIcon={<ChevronDownIconclassName="size-4"/>}
102102
css={{fontSize:13,padding:"8px 12px"}}
103103
>
104104
Connect via SSH

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

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importKeyboardArrowDownfrom"@mui/icons-material/KeyboardArrowDown";
3-
importKeyboardArrowUpfrom"@mui/icons-material/KeyboardArrowUp";
42
importButtonfrom"@mui/material/Button";
53
importCollapsefrom"@mui/material/Collapse";
64
importSkeletonfrom"@mui/material/Skeleton";
@@ -11,6 +9,7 @@ import type {
119
}from"api/typesGenerated";
1210
importsortByfrom"lodash/sortBy";
1311
importuniqByfrom"lodash/uniqBy";
12+
import{ChevronDownIcon,ChevronUpIcon}from"lucide-react";
1413
import{typeFC,useState}from"react";
1514
import{
1615
typeTimeRange,
@@ -102,9 +101,9 @@ export const WorkspaceTimings: FC<WorkspaceTimingsProps> = ({
102101
onClick={()=>setIsOpen((o)=>!o)}
103102
>
104103
{isOpen ?(
105-
<KeyboardArrowUpcss={{fontSize:16,marginRight:16}}/>
104+
<ChevronUpIconcss={{width:16,height:16,marginRight:16}}/>
106105
) :(
107-
<KeyboardArrowDowncss={{fontSize:16,marginRight:16}}/>
106+
<ChevronDownIconcss={{width:16,height:16,marginRight:16}}/>
108107
)}
109108
<span>Build timeline</span>
110109
<span

‎site/src/pages/WorkspacesPage/WorkspacesPageView.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
importCloudQueuefrom"@mui/icons-material/CloudQueue";
2-
importKeyboardArrowDownOutlinedfrom"@mui/icons-material/KeyboardArrowDownOutlined";
32
importLoadingButtonfrom"@mui/lab/LoadingButton";
43
import{hasError,isApiValidationError}from"api/errors";
54
importtype{Template,Workspace}from"api/typesGenerated";
@@ -19,7 +18,7 @@ import { PaginationHeader } from "components/PaginationWidget/PaginationHeader";
1918
import{PaginationWidgetBase}from"components/PaginationWidget/PaginationWidgetBase";
2019
import{Stack}from"components/Stack/Stack";
2120
import{TableToolbar}from"components/TableToolbar/TableToolbar";
22-
import{PlayIcon,SquareIcon,TrashIcon}from"lucide-react";
21+
import{ChevronDownIcon,PlayIcon,SquareIcon,TrashIcon}from"lucide-react";
2322
import{WorkspacesTable}from"pages/WorkspacesPage/WorkspacesTable";
2423
importtype{FC}from"react";
2524
importtype{UseQueryResult}from"react-query";
@@ -142,7 +141,7 @@ export const WorkspacesPageView: FC<WorkspacesPageViewProps> = ({
142141
variant="text"
143142
size="small"
144143
css={{borderRadius:9999,marginLeft:"auto"}}
145-
endIcon={<KeyboardArrowDownOutlined/>}
144+
endIcon={<ChevronDownIconclassName="size-4"/>}
146145
>
147146
Actions
148147
</LoadingButton>

‎site/src/pages/WorkspacesPage/WorkspacesTable.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
importKeyboardArrowRightfrom"@mui/icons-material/KeyboardArrowRight";
21
importStarfrom"@mui/icons-material/Star";
32
importCheckboxfrom"@mui/material/Checkbox";
43
importSkeletonfrom"@mui/material/Skeleton";
@@ -52,6 +51,7 @@ import dayjs from "dayjs";
5251
importrelativeTimefrom"dayjs/plugin/relativeTime";
5352
import{useAuthenticated}from"hooks";
5453
import{useClickableTableRow}from"hooks/useClickableTableRow";
54+
import{ChevronRightIcon}from"lucide-react";
5555
import{
5656
BanIcon,
5757
PlayIcon,
@@ -303,7 +303,7 @@ export const WorkspacesTable: FC<WorkspacesTableProps> = ({
303303
/>
304304
<TableCell>
305305
<divclassName="flex">
306-
<KeyboardArrowRightclassName="text-content-secondary size-icon-sm"/>
306+
<ChevronRightIconclassName="text-content-secondary size-icon-sm"/>
307307
</div>
308308
</TableCell>
309309
</WorkspacesRow>
@@ -385,7 +385,7 @@ const TableLoader: FC<TableLoaderProps> = ({ canCheckWorkspaces }) => {
385385
</TableCell>
386386
<TableCell>
387387
<divclassName="flex">
388-
<KeyboardArrowRightclassName="text-content-disabled size-icon-sm"/>
388+
<ChevronRightIconclassName="text-content-disabled size-icon-sm"/>
389389
</div>
390390
</TableCell>
391391
</TableRowSkeleton>

0 commit comments

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