shishantbiswas/coder
1
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2026-06-02 20:48:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: remove MUI icons (#20318)

Browse Source
This commit is contained in:
Bruno Quaresma
2025-10-15 14:22:31 -03:00
committed by GitHub
parent cc4127405b
commit df738abccd
10 changed files with 11 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files
biome.jsonc
-1
View File
@@ -45,7 +45,6 @@
"options": {
"paths": {
"@mui/material": "Use @mui/material/<name> instead. See: https://material-ui.com/guides/minimizing-bundle-size/.",
"@mui/icons-material": "Use @mui/icons-material/<name> instead. See: https://material-ui.com/guides/minimizing-bundle-size/.",
"@mui/material/Avatar": "Use components/Avatar/Avatar instead.",
"@mui/material/Alert": "Use components/Alert/Alert instead.",
"@mui/material/Popover": "Use components/Popover/Popover instead.",
site/package.json
-1
View File
@@ -47,7 +47,6 @@
"@fontsource/jetbrains-mono": "5.2.5",
"@fontsource/source-code-pro": "5.2.5",
"@monaco-editor/react": "4.7.0",
"@mui/icons-material": "5.18.0",
"@mui/material": "5.18.0",
"@mui/system": "5.18.0",
"@mui/utils": "5.17.1",
site/pnpm-lock.yaml
Generated
-22
View File
@@ -55,9 +55,6 @@ importers:
'@monaco-editor/react':
specifier: 4.7.0
version: 4.7.0(monaco-editor@0.53.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
'@mui/icons-material':
specifier: 5.18.0
version: 5.18.0(@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@19.1.17)(react@19.1.1))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.1.17)(react@19.1.1))(@types/react@19.1.17)(react@19.1.1))(@types/react@19.1.17)(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(@types/react@19.1.17)(react@19.1.1)
'@mui/material':
specifier: 5.18.0
version: 5.18.0(@emotion/react@11.14.0(@types/react@19.1.17)(react@19.1.1))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.1.17)(react@19.1.1))(@types/react@19.1.17)(react@19.1.1))(@types/react@19.1.17)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
@@ -1378,17 +1375,6 @@ packages:
'@mui/core-downloads-tracker@5.18.0':
resolution: {integrity: sha512-jbhwoQ1AY200PSSOrNXmrFCaSDSJWP7qk6urkTmIirvRXDROkqe+QwcLlUiw/PrREwsIF/vm3/dAXvjlMHF0RA==, tarball: https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.18.0.tgz}
'@mui/icons-material@5.18.0':
resolution: {integrity: sha512-1s0vEZj5XFXDMmz3Arl/R7IncFqJ+WQ95LDp1roHWGDE2oCO3IS4/hmiOv1/8SD9r6B7tv9GLiqVZYHo+6PkTg==, tarball: https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.18.0.tgz}
engines: {node: '>=12.0.0'}
peerDependencies:
'@mui/material': ^5.0.0
'@types/react': ^17.0.0 || ^18.0.0 || ^19.0.0
react: ^17.0.0 || ^18.0.0 || ^19.0.0
peerDependenciesMeta:
'@types/react':
optional: true
'@mui/material@5.18.0':
resolution: {integrity: sha512-bbH/HaJZpFtXGvWg3TsBWG4eyt3gah3E7nCNU8GLyRjVoWcA91Vm/T+sjHfUcwgJSw9iLtucfHBoq+qW/T30aA==, tarball: https://registry.npmjs.org/@mui/material/-/material-5.18.0.tgz}
engines: {node: '>=12.0.0'}
@@ -7595,14 +7581,6 @@ snapshots:
'@mui/core-downloads-tracker@5.18.0': {}
'@mui/icons-material@5.18.0(@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@19.1.17)(react@19.1.1))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.1.17)(react@19.1.1))(@types/react@19.1.17)(react@19.1.1))(@types/react@19.1.17)(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(@types/react@19.1.17)(react@19.1.1)':
dependencies:
'@babel/runtime': 7.26.10
'@mui/material': 5.18.0(@emotion/react@11.14.0(@types/react@19.1.17)(react@19.1.1))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.1.17)(react@19.1.1))(@types/react@19.1.17)(react@19.1.1))(@types/react@19.1.17)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
react: 19.1.1
optionalDependencies:
'@types/react': 19.1.17
'@mui/material@5.18.0(@emotion/react@11.14.0(@types/react@19.1.17)(react@19.1.1))(@emotion/styled@11.14.1(@emotion/react@11.14.0(@types/react@19.1.17)(react@19.1.1))(@types/react@19.1.17)(react@19.1.1))(@types/react@19.1.17)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
dependencies:
'@babel/runtime': 7.26.10
site/src/pages/LoginPage/OAuthSignInForm.tsx
+2 -2
View File
@@ -1,7 +1,7 @@
import GitHubIcon from "@mui/icons-material/GitHub";
import { visuallyHidden } from "@mui/utils";
import type { AuthMethods } from "api/typesGenerated";
import { Button } from "components/Button/Button";
import { ExternalImage } from "components/ExternalImage/ExternalImage";
import { KeyIcon } from "lucide-react";
import { type FC, useId } from "react";
import { Language } from "./Language";
@@ -33,7 +33,7 @@ export const OAuthSignInForm: FC<OAuthSignInFormProps> = ({
redirectTo,
)}`}
>
<GitHubIcon />
<ExternalImage src="/icon/github.svg" />
{Language.githubSignIn}
</a>
</Button>
site/src/pages/SetupPage/SetupPageView.tsx
+2 -7
View File
@@ -1,4 +1,3 @@
import GitHubIcon from "@mui/icons-material/GitHub";
import AlertTitle from "@mui/material/AlertTitle";
import Autocomplete from "@mui/material/Autocomplete";
import Checkbox from "@mui/material/Checkbox";
@@ -10,6 +9,7 @@ import type * as TypesGen from "api/typesGenerated";
import { isAxiosError } from "axios";
import { Alert, AlertDetail } from "components/Alert/Alert";
import { Button } from "components/Button/Button";
import { ExternalImage } from "components/ExternalImage/ExternalImage";
import { FormFields, VerticalForm } from "components/Form/Form";
import { CoderIcon } from "components/Icons/CoderIcon";
import { PasswordField } from "components/PasswordField/PasswordField";
@@ -98,11 +98,6 @@ const numberOfDevelopersOptions = [
"2500+",
];
const iconStyles = {
width: 16,
height: 16,
};
interface SetupPageViewProps {
onSubmit: (firstUser: TypesGen.CreateFirstUserRequest) => void;
error?: unknown;
@@ -174,7 +169,7 @@ export const SetupPageView: FC<SetupPageViewProps> = ({
<>
<Button className="w-full" asChild type="submit" size="lg">
<a href="/api/v2/users/oauth2/github/callback">
<GitHubIcon css={iconStyles} />
<ExternalImage src="/icon/github.svg" />
{Language.githubCreate}
</a>
</Button>
site/src/pages/TaskPage/TaskStatusLink.tsx
+2 -2
View File
@@ -1,5 +1,5 @@
import GitHub from "@mui/icons-material/GitHub";
import { Button } from "components/Button/Button";
import { ExternalImage } from "components/ExternalImage/ExternalImage";
import {
BugIcon,
ExternalLinkIcon,
@@ -41,7 +41,7 @@ export const TaskStatusLink: FC<TaskStatusLinkProps> = ({ uri }) => {
: `${org}/${repo} issue`;
break;
default:
icon = <GitHub />;
icon = <ExternalImage src="/icon/github.svg" />;
if (org && repo) {
label = `${org}/${repo}`;
}
site/src/pages/UserSettingsPage/SecurityPage/SingleSignOnSection.tsx
+3 -3
View File
@@ -1,5 +1,4 @@
import { useTheme } from "@emotion/react";
import GitHubIcon from "@mui/icons-material/GitHub";
import Link from "@mui/material/Link";
import TextField from "@mui/material/TextField";
import { API } from "api/api";
@@ -13,6 +12,7 @@ import type {
import { Button } from "components/Button/Button";
import { ConfirmDialog } from "components/Dialogs/ConfirmDialog/ConfirmDialog";
import { EmptyState } from "components/EmptyState/EmptyState";
import { ExternalImage } from "components/ExternalImage/ExternalImage";
import { Stack } from "components/Stack/Stack";
import { CircleCheck as CircleCheckIcon, KeyIcon } from "lucide-react";
import { type FC, useState } from "react";
@@ -155,7 +155,7 @@ export const SingleSignOnSection: FC<SingleSignOnSectionProps> = ({
disabled={isUpdating}
onClick={() => openConfirmation("github")}
>
<GitHubIcon />
<ExternalImage src="/icon/github.svg" />
GitHub
</Button>
)}
@@ -204,7 +204,7 @@ export const SingleSignOnSection: FC<SingleSignOnSectionProps> = ({
</span>
<div css={{ marginLeft: "auto", lineHeight: 1 }}>
{userLoginType.login_type === "github" ? (
<GitHubIcon css={{ width: 16, height: 16 }} />
<ExternalImage src="/icon/github.svg" />
) : (
<OIDCIcon oidcAuth={authMethods.oidc} />
)}
site/src/pages/UsersPage/UsersTable/UsersTableBody.tsx
+2 -2
View File
@@ -1,5 +1,4 @@
import type { Interpolation, Theme } from "@emotion/react";
import GitHub from "@mui/icons-material/GitHub";
import Skeleton from "@mui/material/Skeleton";
import type { GroupsByUserId } from "api/queries/groups";
import type * as TypesGen from "api/typesGenerated";
@@ -16,6 +15,7 @@ import {
DropdownMenuTrigger,
} from "components/DropdownMenu/DropdownMenu";
import { EmptyState } from "components/EmptyState/EmptyState";
import { ExternalImage } from "components/ExternalImage/ExternalImage";
import { LastSeen } from "components/LastSeen/LastSeen";
import { TableCell, TableRow } from "components/Table/Table";
import {
@@ -269,7 +269,7 @@ const LoginType: FC<LoginTypeProps> = ({ authMethods, value }) => {
icon = <BanIcon css={styles.icon} />;
} else if (value === "github") {
displayName = "GitHub";
icon = <GitHub css={styles.icon} />;
icon = <ExternalImage src="/icon/github.svg" css={styles.icon} />;
} else if (value === "token") {
displayName = "Token";
icon = <KeyIcon css={styles.icon} />;
site/src/theme/light/mui.ts
-9
View File
@@ -186,15 +186,6 @@ const muiTheme = createTheme({
}),
},
},
MuiIconButton: {
styleOverrides: {
root: {
"&.Mui-focusVisible": {
boxShadow: `0 0 0 2px ${tw.blue[600]}`,
},
},
},
},
},
});
site/src/theme/mui.ts
-10
View File
@@ -322,14 +322,4 @@ export const components = {
},
},
},
MuiIconButton: {
styleOverrides: {
root: {
"&.Mui-focusVisible": {
boxShadow: `0 0 0 2px ${tw.blue[400]}`,
},
},
},
},
} satisfies ThemeOptions["components"];