Skip to content

Commit 821374d

Browse files
BrunoQuaresmaBrunoQuaresma
committed
chore: replace MUI icons #2 
1 parent d5360a6 commit 821374d

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 { type Interpolation, type Theme, css } from "@emotion/react";
2-
import Check from "@mui/icons-material/Check";
32
import IconButton from "@mui/material/Button";
43
import Tooltip from "@mui/material/Tooltip";
54
import { useClipboard } from "hooks/useClipboard";
5+
import { CheckIcon } from "lucide-react";
66
import { type ReactNode, 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-
<Check css={styles.copyIcon} />
51+
<CheckIcon css={styles.copyIcon} />
5252
) : (
5353
<FileCopyIcon css={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
import type { Interpolation, Theme } from "@emotion/react";
2-
import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
3-
import KeyboardArrowUp from "@mui/icons-material/KeyboardArrowUp";
2+
import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
43
import type { FC } from "react";
54

65
interface ArrowProps {
@@ -14,7 +13,7 @@ export const DropdownArrow: FC<ArrowProps> = ({
1413
color,
1514
close,
1615
}) => {
17-
const Arrow = close ? KeyboardArrowUp : KeyboardArrowDown;
16+
const Arrow = 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-
import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
1+
import { ChevronDownIcon } from "lucide-react";
22
import FormHelperText from "@mui/material/FormHelperText";
33
import MenuItem from "@mui/material/MenuItem";
44
import Select from "@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
<MenuItem value="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-
import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
2+
import { ChevronDownIcon } from "lucide-react";
33
import OpenInNewOutlined from "@mui/icons-material/OpenInNewOutlined";
44
import Button from "@mui/material/Button";
55
import Divider from "@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={<ChevronDownIcon className="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 { type Interpolation, type Theme, useTheme } from "@emotion/react";
22
import CloseIcon from "@mui/icons-material/Close";
3-
import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
43
import LockIcon from "@mui/icons-material/Lock";
4+
import { ChevronDownIcon } from "lucide-react";
55
import LockOpenIcon from "@mui/icons-material/LockOpen";
66
import OpenInNewOutlined from "@mui/icons-material/OpenInNewOutlined";
77
import SensorsIcon from "@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={<ChevronDownIcon className="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
import type { Interpolation, Theme } from "@emotion/react";
2-
import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
2+
import { ChevronDownIcon } from "lucide-react";
33
import Button from "@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={<ChevronDownIcon className="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={<ChevronDownIcon className="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
import type { Interpolation, Theme } from "@emotion/react";
2-
import KeyboardArrowDown from "@mui/icons-material/KeyboardArrowDown";
3-
import KeyboardArrowUp from "@mui/icons-material/KeyboardArrowUp";
2+
import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
43
import Button from "@mui/material/Button";
54
import Collapse from "@mui/material/Collapse";
65
import Skeleton from "@mui/material/Skeleton";
@@ -102,9 +101,9 @@ export const WorkspaceTimings: FC<WorkspaceTimingsProps> = ({
102101
onClick={() => setIsOpen((o) => !o)}
103102
>
104103
{isOpen ? (
105-
<KeyboardArrowUp css={{ fontSize: 16, marginRight: 16 }} />
104+
<ChevronUpIcon css={{ width: 16, height: 16, marginRight: 16 }} />
106105
) : (
107-
<KeyboardArrowDown css={{ fontSize: 16, marginRight: 16 }} />
106+
<ChevronDownIcon css={{ 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
import CloudQueue from "@mui/icons-material/CloudQueue";
22
import DeleteOutlined from "@mui/icons-material/DeleteOutlined";
3-
import KeyboardArrowDownOutlined from "@mui/icons-material/KeyboardArrowDownOutlined";
43
import PlayArrowOutlined from "@mui/icons-material/PlayArrowOutlined";
54
import StopOutlined from "@mui/icons-material/StopOutlined";
5+
import { ChevronDownIcon } from "lucide-react";
66
import LoadingButton from "@mui/lab/LoadingButton";
77
import { hasError, isApiValidationError } from "api/errors";
88
import type { 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={<ChevronDownIcon className="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-
import KeyboardArrowRight from "@mui/icons-material/KeyboardArrowRight";
1+
import { ChevronRightIcon } from "lucide-react";
22
import Star from "@mui/icons-material/Star";
33
import Checkbox from "@mui/material/Checkbox";
44
import Skeleton from "@mui/material/Skeleton";
@@ -303,7 +303,7 @@ export const WorkspacesTable: FC<WorkspacesTableProps> = ({
303303
/>
304304
<TableCell>
305305
<div className="flex">
306-
<KeyboardArrowRight className="text-content-secondary size-icon-sm" />
306+
<ChevronRightIcon className="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
<div className="flex">
388-
<KeyboardArrowRight className="text-content-disabled size-icon-sm" />
388+
<ChevronRightIcon className="text-content-disabled size-icon-sm" />
389389
</div>
390390
</TableCell>
391391
</TableRowSkeleton>

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy