diff --git a/site/src/components/SelectMenu/SelectMenu.tsx b/site/src/components/SelectMenu/SelectMenu.tsx index e7877db30222b..57164c0c3dbe6 100644 --- a/site/src/components/SelectMenu/SelectMenu.tsx +++ b/site/src/components/SelectMenu/SelectMenu.tsx @@ -1,4 +1,3 @@ -import CheckOutlined from "@mui/icons-material/CheckOutlined"; import Button, { type ButtonProps } from "@mui/material/Button"; import MenuItem, { type MenuItemProps } from "@mui/material/MenuItem"; import MenuList, { type MenuListProps } from "@mui/material/MenuList"; @@ -12,6 +11,7 @@ import { PopoverContent, PopoverTrigger, } from "components/deprecated/Popover/Popover"; +import { CheckIcon } from "lucide-react"; import { Children, type FC, @@ -145,10 +145,7 @@ export const SelectMenuItem: FC = (props) => { > {props.children} {props.selected && ( - + )} ); diff --git a/site/src/components/Sidebar/Sidebar.stories.tsx b/site/src/components/Sidebar/Sidebar.stories.tsx index 6f8d578230b7a..075de1e584ca2 100644 --- a/site/src/components/Sidebar/Sidebar.stories.tsx +++ b/site/src/components/Sidebar/Sidebar.stories.tsx @@ -1,10 +1,12 @@ -import ScheduleIcon from "@mui/icons-material/EditCalendarOutlined"; -import FingerprintOutlinedIcon from "@mui/icons-material/FingerprintOutlined"; -import SecurityIcon from "@mui/icons-material/LockOutlined"; -import AccountIcon from "@mui/icons-material/Person"; -import VpnKeyOutlined from "@mui/icons-material/VpnKeyOutlined"; import type { Meta, StoryObj } from "@storybook/react"; import { Avatar } from "components/Avatar/Avatar"; +import { + CalendarCogIcon, + FingerprintIcon, + KeyIcon, + LockIcon, + UserIcon, +} from "lucide-react"; import { Sidebar, SidebarHeader, SidebarNavItem } from "./Sidebar"; const meta: Meta = { @@ -24,19 +26,19 @@ export const Default: Story = { title="Jon" subtitle="jon@coder.com" /> - + Account - + Schedule - + Security - + SSH Keys - + Tokens diff --git a/site/src/pages/TemplatePage/TemplateEmbedPage/TemplateEmbedPage.tsx b/site/src/pages/TemplatePage/TemplateEmbedPage/TemplateEmbedPage.tsx index 24aa6a8e7068b..bcbab3fe49ad2 100644 --- a/site/src/pages/TemplatePage/TemplateEmbedPage/TemplateEmbedPage.tsx +++ b/site/src/pages/TemplatePage/TemplateEmbedPage/TemplateEmbedPage.tsx @@ -1,4 +1,3 @@ -import CheckOutlined from "@mui/icons-material/CheckOutlined"; import FileCopyOutlined from "@mui/icons-material/FileCopyOutlined"; import Button from "@mui/material/Button"; import FormControlLabel from "@mui/material/FormControlLabel"; @@ -10,6 +9,7 @@ import { FormSection, VerticalForm } from "components/Form/Form"; import { Loader } from "components/Loader/Loader"; import { RichParameterInput } from "components/RichParameterInput/RichParameterInput"; import { useClipboard } from "hooks/useClipboard"; +import { CheckIcon } from "lucide-react"; import { useTemplateLayoutContext } from "pages/TemplatePage/TemplateLayout"; import { type FC, useEffect, useState } from "react"; import { Helmet } from "react-helmet-async"; @@ -187,7 +187,7 @@ export const TemplateEmbedPageView: FC = ({ css={{ borderRadius: 999 }} startIcon={ clipboard.showCopiedSuccess ? ( - + ) : ( ) diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/IntervalMenu.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/IntervalMenu.tsx index 9386f0916629c..6f14cb0e38e75 100644 --- a/site/src/pages/TemplatePage/TemplateInsightsPage/IntervalMenu.tsx +++ b/site/src/pages/TemplatePage/TemplateInsightsPage/IntervalMenu.tsx @@ -1,8 +1,8 @@ -import CheckOutlined from "@mui/icons-material/CheckOutlined"; import ExpandMoreOutlined from "@mui/icons-material/ExpandMoreOutlined"; import Button from "@mui/material/Button"; import Menu from "@mui/material/Menu"; import MenuItem from "@mui/material/MenuItem"; +import { CheckIcon } from "lucide-react"; import { type FC, useRef, useState } from "react"; const insightsIntervals = { @@ -71,9 +71,7 @@ export const IntervalMenu: FC = ({ value, onChange }) => { > {label}
- {value === interval && ( - - )} + {value === interval && }
); diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/WeekPicker.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/WeekPicker.tsx index fcea07639eb4c..36b6fb65e7e9f 100644 --- a/site/src/pages/TemplatePage/TemplateInsightsPage/WeekPicker.tsx +++ b/site/src/pages/TemplatePage/TemplateInsightsPage/WeekPicker.tsx @@ -1,9 +1,9 @@ -import CheckOutlined from "@mui/icons-material/CheckOutlined"; import ExpandMoreOutlined from "@mui/icons-material/ExpandMoreOutlined"; import Button from "@mui/material/Button"; import Menu from "@mui/material/Menu"; import MenuItem from "@mui/material/MenuItem"; import { differenceInWeeks } from "date-fns"; +import { CheckIcon } from "lucide-react"; import { type FC, useRef, useState } from "react"; import type { DateRangeValue } from "./DateRange"; import { lastWeeks } from "./utils"; @@ -71,7 +71,7 @@ export const WeekPicker: FC = ({ value, onChange }) => { Last {option} weeks
{numberOfWeeks === option && ( - + )}
diff --git a/site/src/pages/TemplateSettingsPage/Sidebar.tsx b/site/src/pages/TemplateSettingsPage/Sidebar.tsx index d9ba11f642a52..e872effe88c05 100644 --- a/site/src/pages/TemplateSettingsPage/Sidebar.tsx +++ b/site/src/pages/TemplateSettingsPage/Sidebar.tsx @@ -1,5 +1,4 @@ import VariablesIcon from "@mui/icons-material/CodeOutlined"; -import SecurityIcon from "@mui/icons-material/LockOutlined"; import GeneralIcon from "@mui/icons-material/SettingsOutlined"; import ScheduleIcon from "@mui/icons-material/TimerOutlined"; import type { Template } from "api/typesGenerated"; @@ -9,6 +8,7 @@ import { SidebarHeader, SidebarNavItem, } from "components/Sidebar/Sidebar"; +import { LockIcon } from "lucide-react"; import { linkToTemplate, useLinks } from "modules/navigation"; import type { FC } from "react"; @@ -35,7 +35,7 @@ export const Sidebar: FC = ({ template }) => { General - + Permissions diff --git a/site/src/pages/TemplateVersionEditorPage/TemplateVersionStatusBadge.tsx b/site/src/pages/TemplateVersionEditorPage/TemplateVersionStatusBadge.tsx index cfee103357422..ac91c470fd3e2 100644 --- a/site/src/pages/TemplateVersionEditorPage/TemplateVersionStatusBadge.tsx +++ b/site/src/pages/TemplateVersionEditorPage/TemplateVersionStatusBadge.tsx @@ -1,8 +1,7 @@ -import CheckIcon from "@mui/icons-material/CheckOutlined"; import QueuedIcon from "@mui/icons-material/HourglassEmpty"; import type { TemplateVersion } from "api/typesGenerated"; import { Pill, PillSpinner } from "components/Pill/Pill"; -import { CircleAlertIcon } from "lucide-react"; +import { CheckIcon, CircleAlertIcon } from "lucide-react"; import type { FC, ReactNode } from "react"; import type { ThemeRole } from "theme/roles"; import { getPendingStatusLabel } from "utils/provisionerJob"; @@ -70,7 +69,7 @@ const getStatus = ( return { type: "success", text: "Success", - icon: , + icon: , }; } }; diff --git a/site/src/pages/UserSettingsPage/Sidebar.tsx b/site/src/pages/UserSettingsPage/Sidebar.tsx index 4a1e44bd16dd0..5503f32799aad 100644 --- a/site/src/pages/UserSettingsPage/Sidebar.tsx +++ b/site/src/pages/UserSettingsPage/Sidebar.tsx @@ -1,10 +1,5 @@ import AppearanceIcon from "@mui/icons-material/Brush"; -import ScheduleIcon from "@mui/icons-material/EditCalendarOutlined"; -import FingerprintOutlinedIcon from "@mui/icons-material/FingerprintOutlined"; -import SecurityIcon from "@mui/icons-material/LockOutlined"; import NotificationsIcon from "@mui/icons-material/NotificationsNoneOutlined"; -import AccountIcon from "@mui/icons-material/Person"; -import VpnKeyOutlined from "@mui/icons-material/VpnKeyOutlined"; import type { User } from "api/typesGenerated"; import { Avatar } from "components/Avatar/Avatar"; import { GitIcon } from "components/Icons/GitIcon"; @@ -13,6 +8,13 @@ import { SidebarHeader, SidebarNavItem, } from "components/Sidebar/Sidebar"; +import { + CalendarCogIcon, + FingerprintIcon, + KeyIcon, + LockIcon, + UserIcon, +} from "lucide-react"; import { useDashboard } from "modules/dashboard/useDashboard"; import type { FC } from "react"; @@ -32,7 +34,7 @@ export const Sidebar: FC = ({ user }) => { title={user.username} subtitle={user.email} /> - + Account @@ -42,17 +44,17 @@ export const Sidebar: FC = ({ user }) => { External Authentication {showSchedulePage && ( - + Schedule )} - + Security - + SSH Keys - + Tokens