From e536d109ceec7b0ef423adbf5c5d387443e46925 Mon Sep 17 00:00:00 2001 From: BrunoQuaresma Date: Mon, 12 May 2025 20:05:44 +0000 Subject: [PATCH 1/2] chore: replace MUI icons with Lucide icons - 7 --- site/src/modules/resources/SensitiveValue.tsx | 12 +++--------- .../CustomRolesPage/CreateEditRolePageView.tsx | 7 +++---- 2 files changed, 6 insertions(+), 13 deletions(-) diff --git a/site/src/modules/resources/SensitiveValue.tsx b/site/src/modules/resources/SensitiveValue.tsx index b6d8862b81ff5..ed336f2da8edd 100644 --- a/site/src/modules/resources/SensitiveValue.tsx +++ b/site/src/modules/resources/SensitiveValue.tsx @@ -1,6 +1,5 @@ import { type Interpolation, type Theme, css } from "@emotion/react"; -import VisibilityOffOutlined from "@mui/icons-material/VisibilityOffOutlined"; -import VisibilityOutlined from "@mui/icons-material/VisibilityOutlined"; +import { EyeIcon, EyeOffIcon } from "lucide-react"; import IconButton from "@mui/material/IconButton"; import Tooltip from "@mui/material/Tooltip"; import { CopyableValue } from "components/CopyableValue/CopyableValue"; @@ -20,9 +19,9 @@ export const SensitiveValue: FC = ({ value }) => { const displayValue = shouldDisplay ? value : "••••••••"; const buttonLabel = shouldDisplay ? Language.hideLabel : Language.showLabel; const icon = shouldDisplay ? ( - + ) : ( - + ); return ( @@ -63,10 +62,5 @@ const styles = { button: css` color: inherit; - - & .MuiSvgIcon-root { - width: 16px; - height: 16px; - } `, } satisfies Record>; diff --git a/site/src/pages/OrganizationSettingsPage/CustomRolesPage/CreateEditRolePageView.tsx b/site/src/pages/OrganizationSettingsPage/CustomRolesPage/CreateEditRolePageView.tsx index 20a53e9ccfa5f..c80fdd47f8d4c 100644 --- a/site/src/pages/OrganizationSettingsPage/CustomRolesPage/CreateEditRolePageView.tsx +++ b/site/src/pages/OrganizationSettingsPage/CustomRolesPage/CreateEditRolePageView.tsx @@ -1,6 +1,5 @@ import type { Interpolation, Theme } from "@emotion/react"; -import VisibilityOffOutlinedIcon from "@mui/icons-material/VisibilityOffOutlined"; -import VisibilityOutlinedIcon from "@mui/icons-material/VisibilityOutlined"; +import { EyeIcon, EyeOffIcon } from "lucide-react"; import Checkbox from "@mui/material/Checkbox"; import FormControlLabel from "@mui/material/FormControlLabel"; import Table from "@mui/material/Table"; @@ -398,8 +397,8 @@ const ShowAllResourcesCheckbox: FC = ({ name="show_all_permissions" checked={showAllResources} onChange={(e) => setShowAllResources(e.currentTarget.checked)} - checkedIcon={} - icon={} + checkedIcon={} + icon={} /> } label={ From d3415ecde66aa992ef8cc2b54d7420d54b4b73fe Mon Sep 17 00:00:00 2001 From: BrunoQuaresma Date: Mon, 12 May 2025 20:29:32 +0000 Subject: [PATCH 2/2] FMT --- site/src/modules/resources/SensitiveValue.tsx | 2 +- .../CustomRolesPage/CreateEditRolePageView.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/site/src/modules/resources/SensitiveValue.tsx b/site/src/modules/resources/SensitiveValue.tsx index ed336f2da8edd..626c7a8623291 100644 --- a/site/src/modules/resources/SensitiveValue.tsx +++ b/site/src/modules/resources/SensitiveValue.tsx @@ -1,8 +1,8 @@ import { type Interpolation, type Theme, css } from "@emotion/react"; -import { EyeIcon, EyeOffIcon } from "lucide-react"; import IconButton from "@mui/material/IconButton"; import Tooltip from "@mui/material/Tooltip"; import { CopyableValue } from "components/CopyableValue/CopyableValue"; +import { EyeIcon, EyeOffIcon } from "lucide-react"; import { type FC, useState } from "react"; const Language = { diff --git a/site/src/pages/OrganizationSettingsPage/CustomRolesPage/CreateEditRolePageView.tsx b/site/src/pages/OrganizationSettingsPage/CustomRolesPage/CreateEditRolePageView.tsx index c80fdd47f8d4c..478bdf2b705cb 100644 --- a/site/src/pages/OrganizationSettingsPage/CustomRolesPage/CreateEditRolePageView.tsx +++ b/site/src/pages/OrganizationSettingsPage/CustomRolesPage/CreateEditRolePageView.tsx @@ -1,5 +1,4 @@ import type { Interpolation, Theme } from "@emotion/react"; -import { EyeIcon, EyeOffIcon } from "lucide-react"; import Checkbox from "@mui/material/Checkbox"; import FormControlLabel from "@mui/material/FormControlLabel"; import Table from "@mui/material/Table"; @@ -31,6 +30,7 @@ import { import { Spinner } from "components/Spinner/Spinner"; import { Stack } from "components/Stack/Stack"; import { useFormik } from "formik"; +import { EyeIcon, EyeOffIcon } from "lucide-react"; import { type ChangeEvent, type FC, useState } from "react"; import { useNavigate } from "react-router-dom"; import { getFormHelpers, nameValidator } from "utils/formUtils"; 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