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

Commit821374d

Browse files
committed
chore: replace MUI icons#2
1 parentd5360a6 commit821374d

File tree

9 files changed

+21
-23
lines changed

9 files changed

+21
-23
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,4 +1,4 @@
1-
importKeyboardArrowDownfrom"@mui/icons-material/KeyboardArrowDown";
1+
import{ChevronDownIcon}from"lucide-react";
22
importFormHelperTextfrom"@mui/material/FormHelperText";
33
importMenuItemfrom"@mui/material/MenuItem";
44
importSelectfrom"@mui/material/Select";
@@ -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,5 @@
11
import{useTheme}from"@emotion/react";
2-
importKeyboardArrowDownfrom"@mui/icons-material/KeyboardArrowDown";
2+
import{ChevronDownIcon}from"lucide-react";
33
importOpenInNewOutlinedfrom"@mui/icons-material/OpenInNewOutlined";
44
importButtonfrom"@mui/material/Button";
55
importDividerfrom"@mui/material/Divider";
@@ -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,7 +1,7 @@
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";
4+
import{ChevronDownIcon}from"lucide-react";
55
importLockOpenIconfrom"@mui/icons-material/LockOpen";
66
importOpenInNewOutlinedfrom"@mui/icons-material/OpenInNewOutlined";
77
importSensorsIconfrom"@mui/icons-material/Sensors";
@@ -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,5 @@
11
importtype{Interpolation,Theme}from"@emotion/react";
2-
importKeyboardArrowDownfrom"@mui/icons-material/KeyboardArrowDown";
2+
import{ChevronDownIcon}from"lucide-react";
33
importButtonfrom"@mui/material/Button";
44
import{CodeExample}from"components/CodeExample/CodeExample";
55
import{
@@ -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,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
importButtonfrom"@mui/material/Button";
54
importCollapsefrom"@mui/material/Collapse";
65
importSkeletonfrom"@mui/material/Skeleton";
@@ -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 & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
importCloudQueuefrom"@mui/icons-material/CloudQueue";
22
importDeleteOutlinedfrom"@mui/icons-material/DeleteOutlined";
3-
importKeyboardArrowDownOutlinedfrom"@mui/icons-material/KeyboardArrowDownOutlined";
43
importPlayArrowOutlinedfrom"@mui/icons-material/PlayArrowOutlined";
54
importStopOutlinedfrom"@mui/icons-material/StopOutlined";
5+
import{ChevronDownIcon}from"lucide-react";
66
importLoadingButtonfrom"@mui/lab/LoadingButton";
77
import{hasError,isApiValidationError}from"api/errors";
88
importtype{Template,Workspace}from"api/typesGenerated";
@@ -144,7 +144,7 @@ export const WorkspacesPageView: FC<WorkspacesPageViewProps> = ({
144144
variant="text"
145145
size="small"
146146
css={{borderRadius:9999,marginLeft:"auto"}}
147-
endIcon={<KeyboardArrowDownOutlined/>}
147+
endIcon={<ChevronDownIconclassName="size-4"/>}
148148
>
149149
Actions
150150
</LoadingButton>

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
importKeyboardArrowRightfrom"@mui/icons-material/KeyboardArrowRight";
1+
import{ChevronRightIcon}from"lucide-react";
22
importStarfrom"@mui/icons-material/Star";
33
importCheckboxfrom"@mui/material/Checkbox";
44
importSkeletonfrom"@mui/material/Skeleton";
@@ -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