Skip to content

Commit 2980c2d

Browse files
anmolsinghbhatiaanmolsinghbhatia
authored
refactor: actions icon migration (#8219)
* chore: gitignore updated * chore: check icon added to propel package * feat: search icon migration * chore: check icon migration * chore: plus icon added to propel package * chore: code refactor * chore: plus icon migration and code refactor * chore: trash icon added to propel package * chore: code refactor * chore: trash icon migration * chore: edit icon added to propel package * chore: new tab icon added to propel package * chore: edit icon migration * chore: newtab icon migration * chore: lock icon added to propel package * chore: lock icon migration * chore: globe icon added to propel package * chore: globe icon migration * chore: copy icon added to propel package * chore: copy icon migration * chore: link icon added to propel package * chore: link icon migration * chore: link icon migration * chore: info icon added to propel package * chore: code refactor * chore: code refactor * chore: code refactor * chore: code refactor
1 parent 92ac28f commit 2980c2d

File tree

215 files changed

+932
-729
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

215 files changed

+932
-729
lines changed

‎apps/admin/app/(all)/(dashboard)/sidebar-help-section.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
import { useState, useRef } from "react";
22
import { observer } from "mobx-react";
33
import Link from "next/link";
4-
import { ExternalLink, HelpCircle, MoveLeft } from "lucide-react";
4+
import { HelpCircle, MoveLeft } from "lucide-react";
55
import { Transition } from "@headlessui/react";
6-
// plane internal packages
76
import { WEB_BASE_URL } from "@plane/constants";
8-
import { DiscordIcon, GithubIcon, PageIcon } from "@plane/propel/icons";
7+
// plane internal packages
8+
import { DiscordIcon, GithubIcon, NewTabIcon, PageIcon } from "@plane/propel/icons";
99
import { Tooltip } from "@plane/propel/tooltip";
1010
import { cn } from "@plane/utils";
1111
// hooks
@@ -56,7 +56,7 @@ export const AdminSidebarHelpSection = observer(function AdminSidebarHelpSection
5656
href={redirectionLink}
5757
className={`relative px-2 py-1 flex items-center gap-1 rounded-sm bg-layer-1 text-body-xs-medium text-secondary whitespace-nowrap`}
5858
>
59-
<ExternalLink size={16} />
59+
<NewTabIcon width={14} height={14} />
6060
{!isSidebarCollapsed && "Redirect to Plane"}
6161
</a>
6262
</Tooltip>

‎apps/admin/core/components/common/copy-field.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React from "react";
22
// ui
3-
import { Copy } from "lucide-react";
43
import { Button } from "@plane/propel/button";
4+
import { CopyIcon } from "@plane/propel/icons";
55
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
66

77
type Props = {
@@ -37,7 +37,7 @@ export function CopyField(props: Props) {
3737
}}
3838
>
3939
<p className="text-13 font-medium">{url}</p>
40-
<Copy size={18} color="#B9B9B9" />
40+
<CopyIcon width={18} height={18} color="#B9B9B9" />
4141
</Button>
4242
<div className="text-11 text-tertiary">{description}</div>
4343
</div>

‎apps/admin/core/components/workspace/list-item.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
import { observer } from "mobx-react";
2-
import { ExternalLink } from "lucide-react";
2+
33
// plane internal packages
44
import { WEB_BASE_URL } from "@plane/constants";
5+
import { NewTabIcon } from "@plane/propel/icons";
56
import { Tooltip } from "@plane/propel/tooltip";
67
import { getFileURL } from "@plane/utils";
78
// hooks
@@ -75,7 +76,7 @@ export const WorkspaceListItem = observer(function WorkspaceListItem({ workspace
7576
</div>
7677
</div>
7778
<div className="flex-shrink-0">
78-
<ExternalLink size={16} className="text-placeholder group-hover:text-secondary" />
79+
<NewTabIcon width={14} height={16} className="text-placeholder group-hover:text-secondary" />
7980
</div>
8081
</a>
8182
);

‎apps/admin/core/hooks/use-sidebar-menu/core.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import { Image, BrainCog, Cog, Lock, Mail } from "lucide-react";
1+
import { Image, BrainCog, Cog, Mail } from "lucide-react";
22
// plane imports
3-
import { WorkspaceIcon } from "@plane/propel/icons";
3+
import { LockIcon, WorkspaceIcon } from "@plane/propel/icons";
44
// types
55
import type { TSidebarMenuItem } from "./types";
66

@@ -26,7 +26,7 @@ export const coreSidebarMenuLinks: Record<TCoreSidebarMenuKey, TSidebarMenuItem>
2626
href: `/workspace/`,
2727
},
2828
authentication: {
29-
Icon: Lock,
29+
Icon: LockIcon,
3030
name: "Authentication",
3131
description: "Configure authentication modes.",
3232
href: `/authentication/`,

‎apps/space/core/components/issues/filters/helpers/filter-option.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from "react";
2-
// lucide icons
3-
import { Check } from "lucide-react";
2+
// plane imports
3+
import { CheckIcon } from "@plane/propel/icons";
44

55
type Props = {
66
icon?: React.ReactNode;
@@ -24,7 +24,7 @@ export function FilterOption(props: Props) {
2424
isChecked ? "border-accent-strong bg-accent-primary text-on-color" : "border-strong"
2525
} ${multiple ? "rounded-xs" : "rounded-full"}`}
2626
>
27-
{isChecked && <Check size={10} strokeWidth={3} />}
27+
{isChecked && <CheckIcon width={10} height={10} strokeWidth={3} />}
2828
</div>
2929
<div className="flex items-center gap-2 truncate">
3030
{icon && <div className="grid w-5 shrink-0 place-items-center">{icon}</div>}

‎apps/space/core/components/issues/filters/selection.tsx‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import React, { useState } from "react";
22
import { observer } from "mobx-react";
3-
import { Search } from "lucide-react";
4-
import { CloseIcon } from "@plane/propel/icons";
3+
import { SearchIcon, CloseIcon } from "@plane/propel/icons";
54
// types
65
import type { IIssueFilterOptions, TIssueFilterKeys } from "@/types/issue";
76
// local imports
@@ -25,7 +24,7 @@ export const FilterSelection = observer(function FilterSelection(props: Props) {
2524
<div className="flex h-full w-full flex-col overflow-hidden">
2625
<div className="p-2.5 pb-0">
2726
<div className="flex items-center gap-1.5 rounded-sm border-[0.5px] border-subtle bg-surface-2 px-1.5 py-1 text-11">
28-
<Search className="text-placeholder" size={12} strokeWidth={2} />
27+
<SearchIcon className="text-placeholder" width={12} height={12} strokeWidth={2} />
2928
<input
3029
type="text"
3130
className="w-full bg-surface-2 outline-none placeholder:text-placeholder"

‎apps/space/core/components/issues/issue-layouts/properties/all-properties.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { observer } from "mobx-react";
2-
import { Link, Paperclip } from "lucide-react";
3-
import { ViewsIcon } from "@plane/propel/icons";
2+
import { Paperclip } from "lucide-react";
3+
import { LinkIcon, ViewsIcon } from "@plane/propel/icons";
44
// plane imports
55
import { Tooltip } from "@plane/propel/tooltip";
66
import type { IIssueDisplayProperties } from "@plane/types";
@@ -169,7 +169,7 @@ export const IssueProperties = observer(function IssueProperties(props: IIssuePr
169169
>
170170
<Tooltip tooltipHeading="Links" tooltipContent={`${issue.link_count}`}>
171171
<div className="flex h-5 flex-shrink-0 items-center justify-center gap-2 overflow-hidden rounded-sm border-[0.5px] border-strong px-2.5 py-1">
172-
<Link className="h-3 w-3 flex-shrink-0" strokeWidth={2} />
172+
<LinkIcon className="h-3 w-3 flex-shrink-0" strokeWidth={2} />
173173
<div className="text-11">{issue.link_count}</div>
174174
</div>
175175
</Tooltip>

‎apps/space/core/components/issues/peek-overview/comment/comment-detail-card.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
import React, { useRef, useState } from "react";
22
import { observer } from "mobx-react";
33
import { Controller, useForm } from "react-hook-form";
4-
import { Check, MessageSquare, MoreVertical } from "lucide-react";
4+
import { MessageSquare, MoreVertical } from "lucide-react";
55
import { Menu, Transition } from "@headlessui/react";
66
// plane imports
77
import type { EditorRefApi } from "@plane/editor";
8-
import { CloseIcon } from "@plane/propel/icons";
8+
import { CheckIcon, CloseIcon } from "@plane/propel/icons";
99
import type { TIssuePublicComment } from "@plane/types";
1010
import { getFileURL } from "@plane/utils";
1111
// components
@@ -134,7 +134,7 @@ export const CommentCard = observer(function CommentCard(props: Props) {
134134
disabled={isSubmitting}
135135
className="group rounded-sm border border-success-strong bg-success-primary p-2 shadow-md duration-300 hover:bg-green-500"
136136
>
137-
<Check
137+
<CheckIcon
138138
className="h-3 w-3 text-success-primary duration-300 group-hover:text-on-color"
139139
strokeWidth={2}
140140
/>

‎apps/space/core/components/issues/peek-overview/header.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
import React from "react";
22
import { observer } from "mobx-react";
3-
import { Link2, MoveRight } from "lucide-react";
3+
import { MoveRight } from "lucide-react";
44
import { Listbox, Transition } from "@headlessui/react";
55
// ui
6-
import { CenterPanelIcon, FullScreenPanelIcon, SidePanelIcon } from "@plane/propel/icons";
6+
import { LinkIcon, CenterPanelIcon, FullScreenPanelIcon, SidePanelIcon } from "@plane/propel/icons";
77
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
88
// helpers
99
import { copyTextToClipboard } from "@/helpers/string.helper";
@@ -116,7 +116,7 @@ export const PeekOverviewHeader = observer(function PeekOverviewHeader(props: Pr
116116
className="shrink-0 focus:outline-none text-tertiary hover:text-secondary"
117117
tabIndex={1}
118118
>
119-
<Link2 className="h-4 w-4 -rotate-45" />
119+
<LinkIcon className="h-4 w-4 -rotate-45" />
120120
</button>
121121
)}
122122
</div>

‎apps/web/app/(all)/[workspaceSlug]/(projects)/extended-project-sidebar.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,10 @@ import { useCallback, useRef, useState } from "react";
22
import { observer } from "mobx-react";
33
import { useParams } from "next/navigation";
44
// plane imports
5-
import { Plus, Search } from "lucide-react";
65
import { EUserPermissions, EUserPermissionsLevel, PROJECT_TRACKER_ELEMENTS } from "@plane/constants";
76
import { useTranslation } from "@plane/i18n";
87
import { EmptyStateCompact } from "@plane/propel/empty-state";
8+
import { PlusIcon, SearchIcon } from "@plane/propel/icons";
99
import { TOAST_TYPE, setToast } from "@plane/propel/toast";
1010
import { Tooltip } from "@plane/propel/tooltip";
1111
import { copyUrlToClipboard, orderJoinedProjects } from "@plane/utils";
@@ -117,13 +117,13 @@ export const ExtendedProjectSidebar = observer(function ExtendedProjectSidebar()
117117
setIsProjectModalOpen(true);
118118
}}
119119
>
120-
<Plus className="size-3" />
120+
<PlusIcon className="size-3" />
121121
</button>
122122
</Tooltip>
123123
)}
124124
</div>
125125
<div className="ml-auto flex items-center gap-1.5 rounded-md border border-subtle bg-surface-1 px-2.5 py-1 w-full">
126-
<Search className="h-3.5 w-3.5 text-placeholder" />
126+
<SearchIcon className="h-3.5 w-3.5 text-placeholder" />
127127
<input
128128
className="w-full max-w-[234px] border-none bg-transparent text-13 outline-none placeholder:text-placeholder"
129129
placeholder={t("search")}

0 commit comments

Comments
 (0)