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

chore: migrate MUI icons to lucide icons#19967

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Merged
BrunoQuaresma merged 2 commits intomainfrombq/replace-mui-icons-9
Sep 26, 2025
Merged
Show file tree
Hide file tree
Changes fromall commits
Commits
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletionssite/src/modules/resources/AppLink/BaseIcon.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
import ComputerIcon from "@mui/icons-material/Computer";
import type { WorkspaceApp } from "api/typesGenerated";
import { ExternalImage } from "components/ExternalImage/ExternalImage";
import { LaptopIcon } from "lucide-react";
import type { FC } from "react";

interface BaseIconProps {
Expand All@@ -22,6 +22,6 @@ export const BaseIcon: FC<BaseIconProps> = ({ app, onIconPathError }) => {
}}
/>
) : (
<ComputerIcon />
<LaptopIcon />
);
};
4 changes: 2 additions & 2 deletionssite/src/modules/resources/DownloadAgentLogsButton.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
import DownloadOutlined from "@mui/icons-material/DownloadOutlined";
import { agentLogs } from "api/queries/workspaces";
import type { WorkspaceAgent, WorkspaceAgentLog } from "api/typesGenerated";
import { Button } from "components/Button/Button";
import { displayError } from "components/GlobalSnackbar/utils";
import { saveAs } from "file-saver";
import { DownloadIcon } from "lucide-react";
import { type FC, useState } from "react";
import { useQueryClient } from "react-query";

Expand DownExpand Up@@ -54,7 +54,7 @@ export const DownloadAgentLogsButton: FC<DownloadAgentLogsButtonProps> = ({
}
}}
>
<DownloadOutlined />
<DownloadIcon />
{isDownloading ? "Downloading..." : "Download logs"}
</Button>
);
Expand Down
13 changes: 2 additions & 11 deletionssite/src/pages/DeploymentSettingsPage/Option.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
import { css, type Interpolation, type Theme, useTheme } from "@emotion/react";
import BuildCircleOutlinedIcon from "@mui/icons-material/BuildCircleOutlined";
import { DisabledBadge, EnabledBadge } from "components/Badges/Badges";
import { WrenchIcon } from "lucide-react";
import type { FC, HTMLAttributes, PropsWithChildren } from "react";
import { MONOSPACE_FONT_FAMILY } from "theme/constants";

Expand DownExpand Up@@ -90,16 +90,7 @@ export const OptionValue: FC<OptionValueProps> = (props) => {
alignItems: "center",
}}
>
{isEnabled && (
<BuildCircleOutlinedIcon
css={(theme) => ({
width: 16,
height: 16,
color: theme.palette.mode,
margin: "0 8px",
})}
/>
)}
{isEnabled && <WrenchIcon className="size-4 mx-2" />}
{option}
</div>
</li>
Expand Down
9 changes: 4 additions & 5 deletionssite/src/pages/HealthPage/DERPPage.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
import { useTheme } from "@emotion/react";
import LocationOnOutlined from "@mui/icons-material/LocationOnOutlined";
import Button from "@mui/material/Button";
import type {
HealthcheckReport,
HealthSeverity,
NetcheckReport,
} from "api/typesGenerated";
import { Alert } from "components/Alert/Alert";
import { MapPinIcon } from "lucide-react";
import type { FC } from "react";
import { Helmet } from "react-helmet-async";
import { Link, useOutletContext } from "react-router";
Expand DownExpand Up@@ -105,10 +105,9 @@ const DERPPage: FC = () => {
return (
<Button
startIcon={
<LocationOnOutlined
css={{
width: 16,
height: 16,
<MapPinIcon
className="size-4"
style={{
color: healthyColor(
theme,
severity as HealthSeverity,
Expand Down
5 changes: 2 additions & 3 deletionssite/src/pages/HealthPage/WorkspaceProxyPage.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
import { useTheme } from "@emotion/react";
import PublicOutlined from "@mui/icons-material/PublicOutlined";
import Tooltip from "@mui/material/Tooltip";
import type { HealthcheckReport } from "api/typesGenerated";
import { Alert } from "components/Alert/Alert";
import { HashIcon } from "lucide-react";
import {EarthIcon,HashIcon } from "lucide-react";
import type { FC } from "react";
import { Helmet } from "react-helmet-async";
import { useOutletContext } from "react-router";
Expand DownExpand Up@@ -111,7 +110,7 @@ const WorkspaceProxyPage: FC = () => {
<div css={{ display: "flex", flexWrap: "wrap", gap: 12 }}>
{region.wildcard_hostname && (
<Tooltip title="Wildcard Hostname">
<Pill icon={<PublicOutlined />}>
<Pill icon={<EarthIcon />}>
{region.wildcard_hostname}
</Pill>
</Tooltip>
Expand Down
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
import { useTheme } from "@emotion/react";
import CancelOutlined from "@mui/icons-material/CancelOutlined";
import LinkOutlined from "@mui/icons-material/LinkOutlined";
import LinearProgress from "@mui/material/LinearProgress";
import Link from "@mui/material/Link";
import Tooltip from "@mui/material/Tooltip";
Expand DownExpand Up@@ -36,7 +34,11 @@ import {
import { Loader } from "components/Loader/Loader";
import { Stack } from "components/Stack/Stack";
import { useEmbeddedMetadata } from "hooks/useEmbeddedMetadata";
import { CircleCheck as CircleCheckIcon } from "lucide-react";
import {
CircleCheck as CircleCheckIcon,
CircleXIcon,
LinkIcon,
} from "lucide-react";
import { useTemplateLayoutContext } from "pages/TemplatePage/TemplateLayout";
import {
type FC,
Expand DownExpand Up@@ -729,13 +731,7 @@ const ParameterUsageLabel: FC<ParameterUsageLabelProps> = ({
}}
>
<TextValue>{usage.value}</TextValue>
<LinkOutlined
css={{
width: 14,
height: 14,
color: theme.palette.primary.light,
}}
/>
<LinkIcon className="size-icon-xs text-content-link" />
</Link>
);
}
Expand DownExpand Up@@ -772,13 +768,7 @@ const ParameterUsageLabel: FC<ParameterUsageLabelProps> = ({
>
{usage.value === "false" ? (
<>
<CancelOutlined
css={{
width: 16,
height: 16,
color: theme.palette.error.light,
}}
/>
<CircleXIcon className="size-icon-xs text-content-destructive" />
False
</>
) : (
Expand Down
2 changes: 1 addition & 1 deletionsite/src/pages/TemplatePage/TemplatePageHeader.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
import EditIcon from "@mui/icons-material/EditOutlined";
import Button from "@mui/material/Button";
import { API } from "api/api";
import { workspaces } from "api/queries/workspaces";
Expand DownExpand Up@@ -30,6 +29,7 @@ import { Stack } from "components/Stack/Stack";
import {
CopyIcon,
DownloadIcon,
EditIcon,
EllipsisVertical,
PlusIcon,
SettingsIcon,
Expand Down
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
import EditIcon from "@mui/icons-material/Edit";
import Button from "@mui/material/Button";
import type { TemplateVersion } from "api/typesGenerated";
import { ErrorAlert } from "components/Alert/ErrorAlert";
Expand All@@ -11,7 +10,7 @@ import {
} from "components/PageHeader/PageHeader";
import { Stack } from "components/Stack/Stack";
import { Stats, StatsItem } from "components/Stats/Stats";
import { PlusIcon } from "lucide-react";
import {EditIcon,PlusIcon } from "lucide-react";
import { linkToTemplate, useLinks } from "modules/navigation";
import { TemplateFiles } from "modules/templates/TemplateFiles/TemplateFiles";
import { TemplateUpdateMessage } from "modules/templates/TemplateUpdateMessage";
Expand DownExpand Up@@ -60,7 +59,7 @@ export const TemplateVersionPageView: FC<TemplateVersionPageViewProps> = ({
</Button>
)}
<Button
startIcon={<EditIcon />}
startIcon={<EditIconclassName="size-icon-xs"/>}
component={RouterLink}
to={`${templateLink}/versions/${versionName}/edit`}
>
Expand Down
5 changes: 2 additions & 3 deletionssite/src/pages/TemplatesPage/TemplatesPageView.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import type { Interpolation, Theme } from "@emotion/react";
import ArrowForwardOutlined from "@mui/icons-material/ArrowForwardOutlined";
import Skeleton from "@mui/material/Skeleton";
import { hasError, isApiValidationError } from "api/errors";
import type { Template, TemplateExample } from "api/typesGenerated";
Expand DownExpand Up@@ -38,7 +37,7 @@ import {
TableRowSkeleton,
} from "components/TableLoader/TableLoader";
import { useClickableTableRow } from "hooks/useClickableTableRow";
import { PlusIcon } from "lucide-react";
import {ArrowRightIcon,PlusIcon } from "lucide-react";
import { linkToTemplate, useLinks } from "modules/navigation";
import type { WorkspacePermissions } from "modules/permissions/workspaces";
import type { FC } from "react";
Expand DownExpand Up@@ -172,7 +171,7 @@ const TemplateRow: FC<TemplateRowProps> = ({
}}
>
<RouterLink to={`${templatePageLink}/workspace`}>
<ArrowForwardOutlined />
<ArrowRightIcon />
Create Workspace
</RouterLink>
</Button>
Expand Down
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import { useTheme } from "@emotion/react";
import AutorenewIcon from "@mui/icons-material/Autorenew";
import Table from "@mui/material/Table";
import TableBody from "@mui/material/TableBody";
import TableCell from "@mui/material/TableCell";
Expand DownExpand Up@@ -28,7 +27,7 @@ import { Spinner } from "components/Spinner/Spinner";
import { Stack } from "components/Stack/Stack";
import { TableEmpty } from "components/TableEmpty/TableEmpty";
import type { ExternalAuthPollingState } from "hooks/useExternalAuth";
import { EllipsisVertical } from "lucide-react";
import { EllipsisVertical, RefreshCcwIcon } from "lucide-react";
import { type FC, useCallback, useEffect, useState } from "react";
import { useQuery } from "react-query";

Expand DownExpand Up@@ -142,11 +141,7 @@ const ExternalAuthRow: FC<ExternalAuthRowProps> = ({
title="Authentication token will automatically refresh when expired."
placement="right"
>
<AutorenewIcon
sx={{
fontSize: "0.75rem",
}}
/>
<RefreshCcwIcon className="size-3" />
</Tooltip>
)}

Expand Down
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
import { useTheme } from "@emotion/react";
import GitHubIcon from "@mui/icons-material/GitHub";
import KeyIcon from "@mui/icons-material/VpnKey";
import Button from "@mui/material/Button";
import Link from "@mui/material/Link";
import TextField from "@mui/material/TextField";
Expand All@@ -15,7 +14,7 @@ import type {
import { ConfirmDialog } from "components/Dialogs/ConfirmDialog/ConfirmDialog";
import { EmptyState } from "components/EmptyState/EmptyState";
import { Stack } from "components/Stack/Stack";
import { CircleCheck as CircleCheckIcon } from "lucide-react";
import { CircleCheck as CircleCheckIcon, KeyIcon } from "lucide-react";
import { type FC, useState } from "react";
import { useMutation } from "react-query";
import { docs } from "utils/docs";
Expand DownExpand Up@@ -230,7 +229,7 @@ interface OIDCIconProps {

const OIDCIcon: FC<OIDCIconProps> = ({ oidcAuth }) => {
if (!oidcAuth.iconUrl) {
return <KeyIconcss={{ width: 16, height: 16 }} />;
return <KeyIconclassName="size-4" />;
}

return (
Expand Down
8 changes: 4 additions & 4 deletionssite/src/pages/UserSettingsPage/Sidebar.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,3 @@
import AppearanceIcon from "@mui/icons-material/Brush";
import NotificationsIcon from "@mui/icons-material/NotificationsNoneOutlined";
import type { User } from "api/typesGenerated";
import { Avatar } from "components/Avatar/Avatar";
import { GitIcon } from "components/Icons/GitIcon";
Expand All@@ -9,6 +7,8 @@ import {
SidebarNavItem,
} from "components/Sidebar/Sidebar";
import {
BellIcon,
BrushIcon,
CalendarCogIcon,
FingerprintIcon,
KeyIcon,
Expand DownExpand Up@@ -39,7 +39,7 @@ export const Sidebar: FC<SidebarProps> = ({ user }) => {
<SidebarNavItem href="account" icon={UserIcon}>
Account
</SidebarNavItem>
<SidebarNavItem href="appearance" icon={AppearanceIcon}>
<SidebarNavItem href="appearance" icon={BrushIcon}>
Appearance
</SidebarNavItem>
<SidebarNavItem href="external-auth" icon={GitIcon}>
Expand All@@ -64,7 +64,7 @@ export const Sidebar: FC<SidebarProps> = ({ user }) => {
<SidebarNavItem href="tokens" icon={KeyIcon}>
Tokens
</SidebarNavItem>
<SidebarNavItem href="notifications" icon={NotificationsIcon}>
<SidebarNavItem href="notifications" icon={BellIcon}>
Notifications
</SidebarNavItem>
</BaseSidebar>
Expand Down
16 changes: 9 additions & 7 deletionssite/src/pages/UsersPage/UsersTable/UserGroupsCell.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
import { useTheme } from "@emotion/react";
import GroupIcon from "@mui/icons-material/Group";
import List from "@mui/material/List";
import ListItem from "@mui/material/ListItem";
import type { Group } from "api/typesGenerated";
Expand All@@ -11,7 +10,9 @@ import {
} from "components/deprecated/Popover/Popover";
import { OverflowY } from "components/OverflowY/OverflowY";
import { TableCell } from "components/Table/Table";
import { UsersIcon } from "lucide-react";
import type { FC } from "react";
import { cn } from "utils/cn";

type GroupsCellProps = {
userGroups: readonly Group[] | undefined;
Expand DownExpand Up@@ -42,12 +43,13 @@ export const UserGroupsCell: FC<GroupsCellProps> = ({ userGroups }) => {
type="button"
>
<div className="flex flex-row gap-2 items-center">
<GroupIcon
css={{
width: "1rem",
height: "1rem",
opacity: userGroups.length > 0 ? 0.8 : 0.5,
}}
<UsersIcon
className={cn([
"size-4 opacity-50",
{
"opacity-80": userGroups.length > 0,
},
])}
/>

<span>
Expand Down
4 changes: 2 additions & 2 deletionssite/src/pages/WorkspacePage/HistorySidebar.tsx
View file
Open in desktop
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
import ArrowDownwardOutlined from "@mui/icons-material/ArrowDownwardOutlined";
import { infiniteWorkspaceBuilds } from "api/queries/workspaceBuilds";
import type { Workspace } from "api/typesGenerated";
import { Button } from "components/Button/Button";
Expand All@@ -10,6 +9,7 @@ import {
} from "components/FullPageLayout/Sidebar";
import { ScrollArea } from "components/ScrollArea/ScrollArea";
import { Spinner } from "components/Spinner/Spinner";
import { ArrowDownIcon } from "lucide-react";
import {
WorkspaceBuildData,
WorkspaceBuildDataSkeleton,
Expand DownExpand Up@@ -57,7 +57,7 @@ export const HistorySidebar: FC<HistorySidebarProps> = ({ workspace }) => {
className="w-full"
>
<Spinner loading={buildsQuery.isFetchingNextPage}>
<ArrowDownwardOutlined />
<ArrowDownIcon />
</Spinner>
Show more builds
</Button>
Expand Down
Loading
[8]ページ先頭
©2009-2025 Movatter.jp