synced/coder
1
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2025-07-12 00:14:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: replace MUI icons with Lucide icons - 7 (#17776)

Browse Source 
VisibilityOffOutlined -> EyeOffIcon
VisibilityOutlined -> EyeIcon
This commit is contained in:
Bruno Quaresma
2025-05-13 10:08:41 -03:00
committed by GitHub
parent b0788f410f
commit 02425ee864
2 changed files with 6 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
site/src/modules/resources/SensitiveValue.tsx
View File

@ -1,9 +1,8 @@
import { type Interpolation, type Theme, css } from "@emotion/react"; import { type Interpolation, type Theme, css } from "@emotion/react";
import VisibilityOffOutlined from "@mui/icons-material/VisibilityOffOutlined";
import VisibilityOutlined from "@mui/icons-material/VisibilityOutlined";
import IconButton from "@mui/material/IconButton"; import IconButton from "@mui/material/IconButton";
import Tooltip from "@mui/material/Tooltip"; import Tooltip from "@mui/material/Tooltip";
import { CopyableValue } from "components/CopyableValue/CopyableValue"; import { CopyableValue } from "components/CopyableValue/CopyableValue";
import { EyeIcon, EyeOffIcon } from "lucide-react";
import { type FC, useState } from "react"; import { type FC, useState } from "react";
const Language = { const Language = {
@ -20,9 +19,9 @@ export const SensitiveValue: FC<SensitiveValueProps> = ({ value }) => {
const displayValue = shouldDisplay ? value : "••••••••"; const displayValue = shouldDisplay ? value : "••••••••";
const buttonLabel = shouldDisplay ? Language.hideLabel : Language.showLabel; const buttonLabel = shouldDisplay ? Language.hideLabel : Language.showLabel;
const icon = shouldDisplay ? ( const icon = shouldDisplay ? (
<VisibilityOffOutlined /> <EyeOffIcon className="size-icon-xs" />
) : ( ) : (
<VisibilityOutlined /> <EyeIcon className="size-icon-xs" />
); );
return ( return (
@ -63,10 +62,5 @@ const styles = {
button: css` button: css`
color: inherit; color: inherit;
& .MuiSvgIcon-root {
width: 16px;
height: 16px;
}
`, `,
} satisfies Record<string, Interpolation<Theme>>; } satisfies Record<string, Interpolation<Theme>>;

7
site/src/pages/OrganizationSettingsPage/CustomRolesPage/CreateEditRolePageView.tsx
View File

@ -1,6 +1,4 @@
import type { Interpolation, Theme } from "@emotion/react"; import type { Interpolation, Theme } from "@emotion/react";
import VisibilityOffOutlinedIcon from "@mui/icons-material/VisibilityOffOutlined";
import VisibilityOutlinedIcon from "@mui/icons-material/VisibilityOutlined";
import Checkbox from "@mui/material/Checkbox"; import Checkbox from "@mui/material/Checkbox";
import FormControlLabel from "@mui/material/FormControlLabel"; import FormControlLabel from "@mui/material/FormControlLabel";
import Table from "@mui/material/Table"; import Table from "@mui/material/Table";
@ -32,6 +30,7 @@ import {
import { Spinner } from "components/Spinner/Spinner"; import { Spinner } from "components/Spinner/Spinner";
import { Stack } from "components/Stack/Stack"; import { Stack } from "components/Stack/Stack";
import { useFormik } from "formik"; import { useFormik } from "formik";
import { EyeIcon, EyeOffIcon } from "lucide-react";
import { type ChangeEvent, type FC, useState } from "react"; import { type ChangeEvent, type FC, useState } from "react";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { getFormHelpers, nameValidator } from "utils/formUtils"; import { getFormHelpers, nameValidator } from "utils/formUtils";
@ -398,8 +397,8 @@ const ShowAllResourcesCheckbox: FC<ShowAllResourcesCheckboxProps> = ({
name="show_all_permissions" name="show_all_permissions"
checked={showAllResources} checked={showAllResources}
onChange={(e) => setShowAllResources(e.currentTarget.checked)} onChange={(e) => setShowAllResources(e.currentTarget.checked)}
checkedIcon={<VisibilityOutlinedIcon />} checkedIcon={<EyeIcon className="size-icon-sm" />}
icon={<VisibilityOffOutlinedIcon />} icon={<EyeOffIcon className="size-icon-sm" />}
/> />
} }
label={ label={