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

[WEB-5129] feat: icons revamp (#7945)

Browse source
This commit is contained in:
Anmol Singh Bhatia 2025-10-13 19:43:24 +05:30 • committed by GitHub
parent c736354739
commit 87eb1949c6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
97 changed files with 753 additions and 308 deletions
Download patch file Download diff file Expand all files Collapse all files

5
apps/space/core/components/issues/issue-layouts/properties/all-properties.tsx
View file

@ -1,7 +1,8 @@
"use client";
import { observer } from "mobx-react";
import { Layers, Link, Paperclip } from "lucide-react";
import { Link, Paperclip } from "lucide-react";
import { ViewsIcon } from "@plane/propel/icons";
// plane imports
import { Tooltip } from "@plane/propel/tooltip";
import type { IIssueDisplayProperties } from "@plane/types";
@ -142,7 +143,7 @@ export const IssueProperties: React.FC<IIssueProperties> = observer((props) => {
}
)}
>
<Layers className="h-3 w-3 flex-shrink-0" strokeWidth={2} />
<ViewsIcon className="h-3 w-3 flex-shrink-0" strokeWidth={2} />
<div className="text-xs">{issue.sub_issues_count}</div>
</div>
</Tooltip>

4
apps/space/core/components/issues/issue-layouts/properties/cycle.tsx
View file

@ -2,7 +2,7 @@
import { observer } from "mobx-react";
// plane ui
import { ContrastIcon } from "@plane/propel/icons";
import { CycleIcon } from "@plane/propel/icons";
import { Tooltip } from "@plane/propel/tooltip";
// plane utils
import { cn } from "@plane/utils";
@ -28,7 +28,7 @@ export const IssueBlockCycle = observer(({ cycleId, shouldShowBorder = true }: P
)}
>
<div className="flex w-full items-center text-xs gap-1.5">
<ContrastIcon className="h-3 w-3 flex-shrink-0" />
<CycleIcon className="h-3 w-3 flex-shrink-0" />
<div className="max-w-40 flex-grow truncate ">{cycle?.name ?? "No Cycle"}</div>
</div>
</div>

4
apps/space/core/components/issues/issue-layouts/properties/modules.tsx
View file

@ -2,7 +2,7 @@
import { observer } from "mobx-react";
// plane ui
import { DiceIcon } from "@plane/propel/icons";
import { ModuleIcon } from "@plane/propel/icons";
import { Tooltip } from "@plane/propel/tooltip";
// plane utils
import { cn } from "@plane/utils";
@ -32,7 +32,7 @@ export const IssueBlockModules = observer(({ moduleIds, shouldShowBorder = true
})}
>
<div className="flex items-center gap-1.5 text-custom-text-200">
<DiceIcon className="h-3 w-3 flex-shrink-0" />
<ModuleIcon className="h-3 w-3 flex-shrink-0" />
<div className="text-xs">{modules?.[0]?.name ?? "No Modules"}</div>
</div>
</div>

6
apps/space/core/components/issues/issue-layouts/utils.tsx
View file

@ -4,7 +4,7 @@ import { isNil } from "lodash-es";
import { ContrastIcon } from "lucide-react";
// types
import { EIconSize, ISSUE_PRIORITIES } from "@plane/constants";
import { CycleGroupIcon, DiceIcon, PriorityIcon, StateGroupIcon } from "@plane/propel/icons";
import { CycleGroupIcon, ModuleIcon, PriorityIcon, StateGroupIcon } from "@plane/propel/icons";
import {
GroupByColumnTypes,
IGroupByColumn,
@ -95,14 +95,14 @@ const getModuleColumns = (moduleStore: IIssueModuleStore): IGroupByColumn[] | un
moduleGroups.push({
id: moduleInfo.id,
name: moduleInfo.name,
icon: <DiceIcon className="h-3.5 w-3.5" />,
icon: <ModuleIcon className="h-3.5 w-3.5" />,
payload: { module_ids: [moduleInfo.id] },
});
}) as any;
moduleGroups.push({
id: "None",
name: "None",
icon: <DiceIcon className="h-3.5 w-3.5" />,
icon: <ModuleIcon className="h-3.5 w-3.5" />,
payload: { module_ids: [] },
});

4
apps/space/core/components/issues/navbar/root.tsx
View file

@ -2,7 +2,7 @@
import { FC } from "react";
import { observer } from "mobx-react";
import { Briefcase } from "lucide-react";
import { ProjectIcon } from "@plane/propel/icons";
// components
import { ProjectLogo } from "@/components/common/project-logo";
// store
@ -29,7 +29,7 @@ export const IssuesNavbarRoot: FC<Props> = observer((props) => {
</span>
) : (
<span className="grid h-7 w-7 flex-shrink-0 place-items-center rounded uppercase">
<Briefcase className="h-4 w-4" />
<ProjectIcon className="h-4 w-4" />
</span>
)}
<div className="line-clamp-1 max-w-[300px] overflow-hidden text-lg font-medium">