Skip to content

Commit e40229d

Browse files
BrunoQuaresmaBrunoQuaresma
committed
chore: chore: replace MUI icons with Lucide icons - 18
1 parent 3e7ff9d commit e40229d

File tree

7 files changed

+29
-22
lines changed

7 files changed

+29
-22
lines changed

‎site/src/modules/workspaces/WorkspaceAppStatus/WorkspaceAppStatus.tsx

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,7 @@
11
import type { Theme } from "@emotion/react";
22
import { useTheme } from "@emotion/react";
3-
import AppsIcon from "@mui/icons-material/Apps";
43
import CheckCircle from "@mui/icons-material/CheckCircle";
54
import ErrorIcon from "@mui/icons-material/Error";
6-
import InsertDriveFile from "@mui/icons-material/InsertDriveFile";
75
import Warning from "@mui/icons-material/Warning";
86
import CircularProgress from "@mui/material/CircularProgress";
97
import type {
@@ -12,6 +10,8 @@ import type {
1210
WorkspaceAgent,
1311
WorkspaceApp,
1412
} from "api/typesGenerated";
13+
import { LayoutGridIcon } from "lucide-react";
14+
import { FileIcon } from "lucide-react";
1515
import { ExternalLinkIcon } from "lucide-react";
1616
import { useAppLink } from "modules/apps/useAppLink";
1717
import type { FC } from "react";
@@ -163,11 +163,11 @@ export const WorkspaceAppStatus = ({
163163
...commonStyles,
164164
}}
165165
>
166-
<InsertDriveFile
167-
sx={{
168-
fontSize: "11px",
166+
<FileIcon
167+
className="size-icon-xs"
168+
css={{
169169
opacity: 0.5,
170-
mr: 0.25,
170+
marginRight: "0.25rem",
171171
}}
172172
/>
173173
<span>{formatURI(status.uri)}</span>
@@ -262,9 +262,9 @@ const AppLink: FC<AppLinkProps> = ({ app, workspace, agent }) => {
262262
}}
263263
/>
264264
) : (
265-
<AppsIcon
266-
sx={{
267-
fontSize: 14,
265+
<LayoutGridIcon
266+
className="size-icon-xs"
267+
css={{
268268
opacity: 0.7,
269269
}}
270270
/>

‎site/src/pages/ChatPage/ChatToolInvocation.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@ import ArticleIcon from "@mui/icons-material/Article";
44
import BuildIcon from "@mui/icons-material/Build";
55
import CheckCircle from "@mui/icons-material/CheckCircle";
66
import CodeIcon from "@mui/icons-material/Code";
7-
import DeleteIcon from "@mui/icons-material/Delete";
87
import ErrorIcon from "@mui/icons-material/Error";
98
import FileUploadIcon from "@mui/icons-material/FileUpload";
109
import PersonIcon from "@mui/icons-material/Person";
@@ -13,6 +12,7 @@ import CircularProgress from "@mui/material/CircularProgress";
1312
import Tooltip from "@mui/material/Tooltip";
1413
import type * as TypesGen from "api/typesGenerated";
1514
import { Avatar } from "components/Avatar/Avatar";
15+
import { TrashIcon } from "lucide-react";
1616
import { InfoIcon } from "lucide-react";
1717
import type React from "react";
1818
import { type FC, memo, useMemo, useState } from "react";
@@ -533,7 +533,7 @@ const ChatToolInvocationResultPreview: FC<{
533533
color: theme.palette.text.secondary,
534534
}}
535535
>
536-
<DeleteIcon fontSize="small" />
536+
<TrashIcon className="size-icon-xs" />
537537
{toolInvocation.result}
538538
</div>
539539
);

‎site/src/pages/HealthPage/DERPRegionPage.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import { type Interpolation, type Theme, useTheme } from "@emotion/react";
2-
import TagOutlined from "@mui/icons-material/TagOutlined";
32
import Tooltip from "@mui/material/Tooltip";
43
import type {
54
DERPNodeReport,
@@ -9,6 +8,7 @@ import type {
98
HealthcheckReport,
109
} from "api/typesGenerated";
1110
import { Alert } from "components/Alert/Alert";
11+
import { TagIcon } from "lucide-react";
1212
import { ChevronLeftIcon } from "lucide-react";
1313
import { CodeIcon } from "lucide-react";
1414
import type { FC } from "react";
@@ -92,7 +92,9 @@ const DERPRegionPage: FC = () => {
9292
<section>
9393
<div css={{ display: "flex", flexWrap: "wrap", gap: 12 }}>
9494
<Tooltip title="Region ID">
95-
<Pill icon={<TagOutlined />}>{region!.RegionID}</Pill>
95+
<Pill icon={<TagIcon className="size-icon-sm" />}>
96+
{region!.RegionID}
97+
</Pill>
9698
</Tooltip>
9799
<Tooltip title="Region Code">
98100
<Pill icon={<CodeIcon className="size-icon-sm" />}>

‎site/src/pages/HealthPage/WorkspaceProxyPage.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import { useTheme } from "@emotion/react";
22
import PublicOutlined from "@mui/icons-material/PublicOutlined";
3-
import TagOutlined from "@mui/icons-material/TagOutlined";
43
import Tooltip from "@mui/material/Tooltip";
54
import type { HealthcheckReport } from "api/typesGenerated";
65
import { Alert } from "components/Alert/Alert";
6+
import { TagIcon } from "lucide-react";
77
import type { FC } from "react";
88
import { Helmet } from "react-helmet-async";
99
import { useOutletContext } from "react-router-dom";
@@ -118,7 +118,9 @@ const WorkspaceProxyPage: FC = () => {
118118
)}
119119
{region.version && (
120120
<Tooltip title="Version">
121-
<Pill icon={<TagOutlined />}>{region.version}</Pill>
121+
<Pill icon={<TagIcon className="size-icon-sm" />}>
122+
{region.version}
123+
</Pill>
122124
</Tooltip>
123125
)}
124126
{region.derp_enabled && (

‎site/src/pages/OrganizationSettingsPage/UserTable/EditRolesButton.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
import UserIcon from "@mui/icons-material/PersonOutline";
21
import Checkbox from "@mui/material/Checkbox";
32
import Tooltip from "@mui/material/Tooltip";
43
import type { SlimRole } from "api/typesGenerated";
@@ -17,6 +16,7 @@ import {
1716
PopoverContent,
1817
PopoverTrigger,
1918
} from "components/deprecated/Popover/Popover";
19+
import { UserIcon } from "lucide-react";
2020
import { type FC, useEffect, useState } from "react";
2121

2222
const roleDescriptions: Record<string, string> = {

‎site/src/pages/UsersPage/UsersTable/UsersTableBody.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import type { Interpolation, Theme } from "@emotion/react";
2-
import DeleteIcon from "@mui/icons-material/Delete";
32
import GitHub from "@mui/icons-material/GitHub";
43
import HideSourceOutlined from "@mui/icons-material/HideSourceOutlined";
54
import KeyOutlined from "@mui/icons-material/KeyOutlined";
@@ -29,6 +28,7 @@ import {
2928
} from "components/TableLoader/TableLoader";
3029
import dayjs from "dayjs";
3130
import relativeTime from "dayjs/plugin/relativeTime";
31+
import { TrashIcon } from "lucide-react";
3232
import { EllipsisVertical } from "lucide-react";
3333
import type { FC } from "react";
3434
import { UserRoleCell } from "../../OrganizationSettingsPage/UserTable/UserRoleCell";
@@ -236,7 +236,7 @@ export const UsersTableBody: FC<UsersTableBodyProps> = ({
236236
onClick={() => onDeleteUser(user)}
237237
disabled={user.id === actorID}
238238
>
239-
<DeleteIcon />
239+
<TrashIcon className="size-icon-xs" />
240240
Delete&hellip;
241241
</DropdownMenuItem>
242242
</DropdownMenuContent>

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

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,7 @@
11
import type { Theme } from "@emotion/react";
22
import { useTheme } from "@emotion/react";
3-
import AppsIcon from "@mui/icons-material/Apps";
43
import CheckCircle from "@mui/icons-material/CheckCircle";
54
import ErrorIcon from "@mui/icons-material/Error";
6-
import InsertDriveFile from "@mui/icons-material/InsertDriveFile";
75
import Warning from "@mui/icons-material/Warning";
86
import CircularProgress from "@mui/material/CircularProgress";
97
import Link from "@mui/material/Link";
@@ -15,6 +13,8 @@ import type {
1513
WorkspaceApp,
1614
} from "api/typesGenerated";
1715
import { formatDistance, formatDistanceToNow } from "date-fns";
16+
import { LayoutGridIcon } from "lucide-react";
17+
import { FileIcon } from "lucide-react";
1818
import { ExternalLinkIcon } from "lucide-react";
1919
import { HourglassIcon } from "lucide-react";
2020
import { CircleHelpIcon } from "lucide-react";
@@ -287,7 +287,10 @@ export const AppStatuses: FC<AppStatusesProps> = ({
287287
},
288288
}}
289289
>
290-
<InsertDriveFile sx={{ mr: 0.5 }} />
290+
<FileIcon
291+
className="size-icon-xs"
292+
style={{ marginRight: "0.5rem" }}
293+
/>
291294
{formatURI(status.uri)}
292295
</div>
293296
</Tooltip>
@@ -397,7 +400,7 @@ const AppLink: FC<AppLinkProps> = ({ app, agent, workspace }) => {
397400
style={{ borderRadius: "3px" }}
398401
/>
399402
) : (
400-
<AppsIcon />
403+
<LayoutGridIcon className="size-icon-xs" />
401404
)}
402405
{/* Keep app name short */}
403406
<span

0 commit comments

Comments
 (0)