binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-5129] chore: icons revamp (#7958)

Browse source 
* chore: code refactor

* chore: code refactor
This commit is contained in:
Anmol Singh Bhatia 2025-10-14 12:47:53 +05:30 • committed by GitHub
parent cfb4a8212c
commit 56007e7d47
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 21 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

5
apps/web/core/components/command-palette/actions/project-actions.tsx
View file

@ -1,7 +1,6 @@
"use client";
import { Command } from "cmdk";
import { ContrastIcon } from "lucide-react";
// hooks
import {
CYCLE_TRACKER_ELEMENTS,
@ -9,7 +8,7 @@ import {
PROJECT_PAGE_TRACKER_ELEMENTS,
PROJECT_VIEW_TRACKER_ELEMENTS,
} from "@plane/constants";
import { ModuleIcon, PageIcon, ViewsIcon } from "@plane/propel/icons";
import { CycleIcon, ModuleIcon, PageIcon, ViewsIcon } from "@plane/propel/icons";
// hooks
import { useCommandPalette } from "@/hooks/store/use-command-palette";
// ui
@ -36,7 +35,7 @@ export const CommandPaletteProjectActions: React.FC<Props> = (props) => {
className="focus:outline-none"
>
<div className="flex items-center gap-2 text-custom-text-200">
<ContrastIcon className="h-3.5 w-3.5" />
<CycleIcon className="h-3.5 w-3.5" />
Create new cycle
</div>
<kbd>Q</kbd>

4
apps/web/core/components/core/activity.tsx
View file

@ -13,7 +13,6 @@ import {
Users2Icon,
ArchiveIcon,
PaperclipIcon,
ContrastIcon,
TriangleIcon,
LayoutGridIcon,
SignalMediumIcon,
@ -23,6 +22,7 @@ import {
import {
BlockedIcon,
BlockerIcon,
CycleIcon,
EpicIcon,
IntakeIcon,
ModuleIcon,
@ -470,7 +470,7 @@ const activityDetails: {
</>
);
},
icon: <ContrastIcon size={12} className="text-custom-text-200" aria-hidden="true" />,
icon: <CycleIcon height={12} width={12} className="text-custom-text-200" aria-hidden="true" />,
},
modules: {
message: (activity, showIssue, workspaceSlug) => {

5
apps/web/core/components/issues/issue-layouts/utils.tsx
View file

@ -4,10 +4,9 @@ import { CSSProperties, FC } from "react";
import { extractInstruction } from "@atlaskit/pragmatic-drag-and-drop-hitbox/tree-item";
import { clone, isNil, pull, uniq, concat } from "lodash-es";
import scrollIntoView from "smooth-scroll-into-view-if-needed";
import { ContrastIcon } from "lucide-react";
// plane types
import { EIconSize, ISSUE_PRIORITIES, STATE_GROUPS } from "@plane/constants";
import { CycleGroupIcon, ISvgIcons, ModuleIcon, PriorityIcon, StateGroupIcon } from "@plane/propel/icons";
import { CycleGroupIcon, CycleIcon, ISvgIcons, ModuleIcon, PriorityIcon, StateGroupIcon } from "@plane/propel/icons";
import {
EIssuesStoreType,
GroupByColumnTypes,
@ -172,7 +171,7 @@ const getCycleColumns = (): IGroupByColumn[] | undefined => {
cycles.push({
id: "None",
name: "None",
icon: <ContrastIcon className="h-3.5 w-3.5" />,
icon: <CycleIcon className="h-3.5 w-3.5" />,
payload: {},
});
return cycles;

4
apps/web/core/components/readonly/cycle.tsx
View file

@ -4,7 +4,7 @@ import { useEffect } from "react";
import { observer } from "mobx-react";
// plane imports
import { useTranslation } from "@plane/i18n";
import { ContrastIcon } from "@plane/propel/icons";
import { CycleIcon } from "@plane/propel/icons";
import { cn } from "@plane/utils";
// hooks
import { useCycle } from "@/hooks/store/use-cycle";
@ -33,7 +33,7 @@ export const ReadonlyCycle: React.FC<TReadonlyCycleProps> = observer((props) =>
return (
<div className={cn("flex items-center gap-1 text-sm", className)}>
{!hideIcon && <ContrastIcon className="size-4 flex-shrink-0" />}
{!hideIcon && <CycleIcon className="size-4 flex-shrink-0" />}
<span className="flex-grow truncate">{cycleName ?? placeholder ?? t("common.none")}</span>
</div>
);