Commit02425ee

authored

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

VisibilityOffOutlined -> EyeOffIconVisibilityOutlined -> EyeIcon

1 parentb0788f4 commit02425eeCopy full SHA for 02425ee

File tree

-13

lines changed

site/src
- modules/resources
  - SensitiveValue.tsx
- pages/OrganizationSettingsPage/CustomRolesPage
  - CreateEditRolePageView.tsx

-13

lines changed

Lines changed: 3 additions & 9 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,9 +1,8 @@`
`1`	`1`	`import{typeInterpolation,typeTheme,css}from"@emotion/react";`
`2`		`-importVisibilityOffOutlinedfrom"@mui/icons-material/VisibilityOffOutlined";`
`3`		`-importVisibilityOutlinedfrom"@mui/icons-material/VisibilityOutlined";`
`4`	`2`	`importIconButtonfrom"@mui/material/IconButton";`
`5`	`3`	`importTooltipfrom"@mui/material/Tooltip";`
`6`	`4`	`import{CopyableValue}from"components/CopyableValue/CopyableValue";`
	`5`	`+import{EyeIcon,EyeOffIcon}from"lucide-react";`
`7`	`6`	`import{typeFC,useState}from"react";`
`8`	`7`
`9`	`8`	`constLanguage={`
`@@ -20,9 +19,9 @@ export const SensitiveValue: FC<SensitiveValueProps> = ({ value }) => {`
`20`	`19`	`constdisplayValue=shouldDisplay ?value :"••••••••";`
`21`	`20`	`constbuttonLabel=shouldDisplay ?Language.hideLabel :Language.showLabel;`
`22`	`21`	`consticon=shouldDisplay ?(`
`23`		`-<VisibilityOffOutlined/>`
	`22`	`+<EyeOffIconclassName="size-icon-xs"/>`
`24`	`23`	`) :(`
`25`		`-<VisibilityOutlined/>`
	`24`	`+<EyeIconclassName="size-icon-xs"/>`
`26`	`25`	`);`
`27`	`26`
`28`	`27`	`return(`
`@@ -63,10 +62,5 @@ const styles = {`
`63`	`62`
`64`	`63`	button:css`
`65`	`64`	`color: inherit;`
`66`		`-`
`67`		`-& .MuiSvgIcon-root {`
`68`		`-width:16px;`
`69`		`-height:16px;`
`70`		`- }`
`71`	`65`	`,
`72`	`66`	`}satisfiesRecord<string,Interpolation<Theme>>;`

Lines changed: 3 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,4 @@`
`1`	`1`	`importtype{Interpolation,Theme}from"@emotion/react";`
`2`		`-importVisibilityOffOutlinedIconfrom"@mui/icons-material/VisibilityOffOutlined";`
`3`		`-importVisibilityOutlinedIconfrom"@mui/icons-material/VisibilityOutlined";`
`4`	`2`	`importCheckboxfrom"@mui/material/Checkbox";`
`5`	`3`	`importFormControlLabelfrom"@mui/material/FormControlLabel";`
`6`	`4`	`importTablefrom"@mui/material/Table";`
`@@ -32,6 +30,7 @@ import {`
`32`	`30`	`import{Spinner}from"components/Spinner/Spinner";`
`33`	`31`	`import{Stack}from"components/Stack/Stack";`
`34`	`32`	`import{useFormik}from"formik";`
	`33`	`+import{EyeIcon,EyeOffIcon}from"lucide-react";`
`35`	`34`	`import{typeChangeEvent,typeFC,useState}from"react";`
`36`	`35`	`import{useNavigate}from"react-router-dom";`
`37`	`36`	`import{getFormHelpers,nameValidator}from"utils/formUtils";`
`@@ -398,8 +397,8 @@ const ShowAllResourcesCheckbox: FC<ShowAllResourcesCheckboxProps> = ({`
`398`	`397`	`name="show_all_permissions"`
`399`	`398`	`checked={showAllResources}`
`400`	`399`	`onChange={(e)=>setShowAllResources(e.currentTarget.checked)}`
`401`		`-checkedIcon={<VisibilityOutlinedIcon/>}`
`402`		`-icon={<VisibilityOffOutlinedIcon/>}`
	`400`	`+checkedIcon={<EyeIconclassName="size-icon-sm"/>}`
	`401`	`+icon={<EyeOffIconclassName="size-icon-sm"/>}`
`403`	`402`	`/>`
`404`	`403`	`}`
`405`	`404`	`label={`

Comments

(0)