diff --git a/packages/ui/src/constants/icons.ts b/packages/ui/src/constants/icons.ts
index fa13da33e..c112f31fd 100644
--- a/packages/ui/src/constants/icons.ts
+++ b/packages/ui/src/constants/icons.ts
@@ -32,7 +32,6 @@ import {
Camera,
CameraOff,
Cast,
- Check,
CheckCircle,
CheckSquare,
Clipboard,
@@ -50,7 +49,6 @@ import {
Columns,
Command,
Compass,
- Copy,
CornerDownLeft,
CornerDownRight,
CornerLeftDown,
@@ -77,7 +75,6 @@ import {
Edit,
Edit2,
Edit3,
- ExternalLink,
Eye,
EyeOff,
Facebook,
@@ -103,7 +100,6 @@ import {
GitPullRequest,
Github,
Gitlab,
- Globe,
Grid,
HardDrive,
Hash,
@@ -121,12 +117,9 @@ import {
Layers,
Layout,
LifeBuoy,
- Link,
- Link2,
Linkedin,
List,
Loader,
- Lock,
LogIn,
LogOut,
Mail,
@@ -148,10 +141,21 @@ import {
CircleChevronDown,
UsersRound,
ToggleLeft,
- Search,
User,
} from "lucide-react";
-import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon } from "@plane/propel/icons";
+import {
+ LinkIcon,
+ CopyIcon,
+ GlobeIcon,
+ LockIcon,
+ NewTabIcon,
+ CheckIcon,
+ SearchIcon,
+ ChevronDownIcon,
+ ChevronLeftIcon,
+ ChevronRightIcon,
+ ChevronUpIcon,
+} from "@plane/propel/icons";
export const MATERIAL_ICONS_LIST = [
{
@@ -794,7 +798,7 @@ export const LUCIDE_ICONS_LIST = [
{ name: "CameraOff", element: CameraOff },
{ name: "Cast", element: Cast },
{ name: "CircleChevronDown", element: CircleChevronDown },
- { name: "Check", element: Check },
+ { name: "Check", element: CheckIcon },
{ name: "CheckCircle", element: CheckCircle },
{ name: "CheckSquare", element: CheckSquare },
{ name: "ChevronDown", element: ChevronDownIcon },
@@ -816,7 +820,7 @@ export const LUCIDE_ICONS_LIST = [
{ name: "Columns", element: Columns },
{ name: "Command", element: Command },
{ name: "Compass", element: Compass },
- { name: "Copy", element: Copy },
+ { name: "Copy", element: CopyIcon },
{ name: "CornerDownLeft", element: CornerDownLeft },
{ name: "CornerDownRight", element: CornerDownRight },
{ name: "CornerLeftDown", element: CornerLeftDown },
@@ -843,7 +847,7 @@ export const LUCIDE_ICONS_LIST = [
{ name: "Edit", element: Edit },
{ name: "Edit2", element: Edit2 },
{ name: "Edit3", element: Edit3 },
- { name: "ExternalLink", element: ExternalLink },
+ { name: "ExternalLink", element: NewTabIcon },
{ name: "Eye", element: Eye },
{ name: "EyeOff", element: EyeOff },
{ name: "Facebook", element: Facebook },
@@ -869,7 +873,7 @@ export const LUCIDE_ICONS_LIST = [
{ name: "GitPullRequest", element: GitPullRequest },
{ name: "Github", element: Github },
{ name: "Gitlab", element: Gitlab },
- { name: "Globe", element: Globe },
+ { name: "Globe", element: GlobeIcon },
{ name: "Grid", element: Grid },
{ name: "HardDrive", element: HardDrive },
{ name: "Hash", element: Hash },
@@ -887,12 +891,12 @@ export const LUCIDE_ICONS_LIST = [
{ name: "Layers", element: Layers },
{ name: "Layout", element: Layout },
{ name: "LifeBuoy", element: LifeBuoy },
- { name: "Link", element: Link },
- { name: "Link2", element: Link2 },
+ { name: "Link", element: LinkIcon },
+ { name: "Link2", element: LinkIcon },
{ name: "Linkedin", element: Linkedin },
{ name: "List", element: List },
{ name: "Loader", element: Loader },
- { name: "Lock", element: Lock },
+ { name: "Lock", element: LockIcon },
{ name: "LogIn", element: LogIn },
{ name: "LogOut", element: LogOut },
{ name: "Mail", element: Mail },
@@ -911,7 +915,7 @@ export const LUCIDE_ICONS_LIST = [
{ name: "Minus", element: Minus },
{ name: "MinusCircle", element: MinusCircle },
{ name: "MinusSquare", element: MinusSquare },
- { name: "Search", element: Search },
+ { name: "Search", element: SearchIcon },
{ name: "ToggleLeft", element: ToggleLeft },
{ name: "User", element: User },
{ name: "UsersRound", element: UsersRound },
diff --git a/packages/ui/src/dropdown/common/input-search.tsx b/packages/ui/src/dropdown/common/input-search.tsx
index 6d046a9c2..f90aec24b 100644
--- a/packages/ui/src/dropdown/common/input-search.tsx
+++ b/packages/ui/src/dropdown/common/input-search.tsx
@@ -1,7 +1,6 @@
import { Combobox } from "@headlessui/react";
-import { Search } from "lucide-react";
-import type { FC } from "react";
import React, { useEffect, useRef } from "react";
+import { SearchIcon } from "@plane/propel/icons";
// helpers
import { cn } from "../../utils";
@@ -43,7 +42,7 @@ export function InputSearch(props: IInputSearch) {
inputContainerClassName
)}
>
- {inputIcon ? <>{inputIcon} :
}
+ {inputIcon ? <>{inputIcon} :
}
{option.value}
- {selected && }
+ {selected && }
)}
diff --git a/packages/ui/src/dropdowns/custom-search-select.tsx b/packages/ui/src/dropdowns/custom-search-select.tsx
index 18a881b76..41ed62a54 100644
--- a/packages/ui/src/dropdowns/custom-search-select.tsx
+++ b/packages/ui/src/dropdowns/custom-search-select.tsx
@@ -1,10 +1,10 @@
import { Combobox } from "@headlessui/react";
-import { Check, Info, Search } from "lucide-react";
+import { Info } from "lucide-react";
import React, { useRef, useState } from "react";
import { createPortal } from "react-dom";
import { usePopper } from "react-popper";
import { useOutsideClickDetector } from "@plane/hooks";
-import { ChevronDownIcon } from "@plane/propel/icons";
+import { CheckIcon, SearchIcon, ChevronDownIcon } from "@plane/propel/icons";
// plane imports
// local imports
import { Tooltip } from "@plane/propel/tooltip";
@@ -148,7 +148,7 @@ export function CustomSearchSelect(props: ICustomSearchSelectProps) {
{...attributes.popper}
>
-
+
(
<>
{option.content}
- {selected && }
+ {selected && }
{option.tooltip && (
<>
{typeof option.tooltip === "string" ? (
diff --git a/packages/ui/src/dropdowns/custom-select.tsx b/packages/ui/src/dropdowns/custom-select.tsx
index 4be2e2d65..a627e4d48 100644
--- a/packages/ui/src/dropdowns/custom-select.tsx
+++ b/packages/ui/src/dropdowns/custom-select.tsx
@@ -1,10 +1,10 @@
import { Combobox } from "@headlessui/react";
-import { Check } from "lucide-react";
+
import React, { createContext, useCallback, useContext, useRef, useState } from "react";
import { createPortal } from "react-dom";
import { usePopper } from "react-popper";
import { useOutsideClickDetector } from "@plane/hooks";
-import { ChevronDownIcon } from "@plane/propel/icons";
+import { CheckIcon, ChevronDownIcon } from "@plane/propel/icons";
// plane helpers
// hooks
import { useDropdownKeyDown } from "../hooks/use-dropdown-key-down";
@@ -172,7 +172,7 @@ function Option(props: ICustomSelectItemProps) {
{({ selected }) => (
{children}
- {selected && }
+ {selected && }
)}
diff --git a/packages/utils/src/get-icon-for-link.ts b/packages/utils/src/get-icon-for-link.ts
index 0c703a81c..1310142e9 100644
--- a/packages/utils/src/get-icon-for-link.ts
+++ b/packages/utils/src/get-icon-for-link.ts
@@ -16,8 +16,8 @@ import {
FileCode,
Mail,
Chrome,
- Link2,
} from "lucide-react";
+import { LinkIcon } from "@plane/propel/icons";
type IconMatcher = {
pattern: RegExp;
@@ -60,5 +60,5 @@ export const getIconForLink = (url: string) => {
const allMatchers = [...SOCIAL_MEDIA_MATCHERS, ...PRODUCTIVITY_MATCHERS, ...FILE_TYPE_MATCHERS, ...OTHER_MATCHERS];
const matchedIcon = allMatchers.find(({ pattern }) => pattern.test(lowerUrl));
- return matchedIcon?.icon ?? Link2;
+ return matchedIcon?.icon ?? LinkIcon;
};