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

[WEB-3751] chore: work item state icon improvement (#6960)

Browse source 
* chore: return order based on group

* chore: order for workspace stats endpoint

* chore: state response updated

* chore: state icon types updated

* chore: state icon updated

* chore: state settings new icon implementation

* chore: icon implementation

* chore: code refactor

* chore: code refactor

* chore: code refactor

* fix: order field type

---------

Co-authored-by: sangeethailango <sangeethailango21@gmail.com>
This commit is contained in:
Anmol Singh Bhatia 2025-04-29 14:33:53 +05:30 • committed by GitHub
parent baabb82669
commit f5449c8f93
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
33 changed files with 376 additions and 145 deletions
Download patch file Download diff file Expand all files Collapse all files

5
space/core/components/issues/filters/applied-filters/state.tsx
View file

@ -2,7 +2,8 @@
import { observer } from "mobx-react";
import { X } from "lucide-react";
// ui
// plane imports
import { EIconSize } from "@plane/constants";
import { StateGroupIcon } from "@plane/ui";
// hooks
import { useStates } from "@/hooks/store";
@ -26,7 +27,7 @@ export const AppliedStateFilters: React.FC<Props> = observer((props) => {
return (
<div key={stateId} className="flex items-center gap-1 rounded bg-custom-background-80 p-1 text-xs">
<StateGroupIcon color={stateDetails.color} stateGroup={stateDetails.group} height="12px" width="12px" />
<StateGroupIcon color={stateDetails.color} stateGroup={stateDetails.group} size={EIconSize.SM} />
{stateDetails.name}
<button
type="button"

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

@ -3,7 +3,7 @@
import isNil from "lodash/isNil";
import { ContrastIcon } from "lucide-react";
// types
import { ISSUE_PRIORITIES } from "@plane/constants";
import { EIconSize, ISSUE_PRIORITIES } from "@plane/constants";
import {
GroupByColumnTypes,
IGroupByColumn,
@ -117,7 +117,7 @@ const getStateColumns = (projectState: IStateStore): IGroupByColumn[] | undefine
name: state.name,
icon: (
<div className="h-3.5 w-3.5 rounded-full">
<StateGroupIcon stateGroup={state.group} color={state.color} width="14" height="14" />
<StateGroupIcon stateGroup={state.group} color={state.color} size={EIconSize.MD} />
</div>
),
payload: { state_id: state.id },