diff --git a/site/src/components/AnimatedIcons/Check.tsx b/site/src/components/AnimatedIcons/Check.tsx new file mode 100644 index 0000000000..beeaedcd0a --- /dev/null +++ b/site/src/components/AnimatedIcons/Check.tsx @@ -0,0 +1,19 @@ +import { CheckIcon as LucideCheckIcon } from "lucide-react"; +import { cn } from "utils/cn"; + +type CheckIconProps = React.ComponentProps; + +export const CheckIcon: React.FC = ({ + className, + ...props +}) => { + return ( + + ); +}; diff --git a/site/src/components/CopyButton/CopyButton.tsx b/site/src/components/CopyButton/CopyButton.tsx index 52f8cfa9e1..afc7007c74 100644 --- a/site/src/components/CopyButton/CopyButton.tsx +++ b/site/src/components/CopyButton/CopyButton.tsx @@ -1,3 +1,4 @@ +import { CheckIcon } from "components/AnimatedIcons/Check"; import { Button, type ButtonProps } from "components/Button/Button"; import { Tooltip, @@ -5,7 +6,7 @@ import { TooltipTrigger, } from "components/Tooltip/Tooltip"; import { useClipboard } from "hooks/useClipboard"; -import { CheckIcon, CopyIcon } from "lucide-react"; +import { CopyIcon } from "lucide-react"; import type { FC } from "react"; type CopyButtonProps = ButtonProps & { diff --git a/site/src/modules/dashboard/Navbar/UserDropdown/UserDropdownContent.tsx b/site/src/modules/dashboard/Navbar/UserDropdown/UserDropdownContent.tsx index b787949fee..53248926b4 100644 --- a/site/src/modules/dashboard/Navbar/UserDropdown/UserDropdownContent.tsx +++ b/site/src/modules/dashboard/Navbar/UserDropdown/UserDropdownContent.tsx @@ -1,4 +1,5 @@ import type * as TypesGen from "api/typesGenerated"; +import { CheckIcon } from "components/AnimatedIcons/Check"; import { DropdownMenuItem, DropdownMenuSeparator, @@ -10,7 +11,6 @@ import { } from "components/Tooltip/Tooltip"; import { useClipboard } from "hooks/useClipboard"; import { - CheckIcon, CircleUserIcon, CopyIcon, LogOutIcon,