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

3
web/core/components/inbox/inbox-filter/applied-filters/state.tsx
View file

@ -3,6 +3,7 @@
import { FC } from "react";
import { observer } from "mobx-react";
import { X } from "lucide-react";
import { EIconSize } from "@plane/constants";
import { StateGroupIcon, Tag } from "@plane/ui";
// hooks
import { useProjectInbox, useProjectState } from "@/hooks/store";
@ -30,7 +31,7 @@ export const InboxIssueAppliedFiltersState: FC = observer(() => {
return (
<div key={value} className="relative flex items-center gap-1 rounded bg-custom-background-80 p-1 text-xs">
<div className="w-3 h-3 flex-shrink-0 relative flex justify-center items-center overflow-hidden">
<StateGroupIcon color={optionDetail.color} stateGroup={optionDetail.group} height="12px" width="12px" />
<StateGroupIcon color={optionDetail.color} stateGroup={optionDetail.group} size={EIconSize.SM} />
</div>
<div className="text-xs truncate">{optionDetail?.name}</div>
<div

10
web/core/components/inbox/inbox-filter/filters/state.tsx
View file

@ -2,6 +2,7 @@
import { FC, useState } from "react";
import { observer } from "mobx-react";
import { EIconSize } from "@plane/constants";
import { IState } from "@plane/types";
import { Loader, StateGroupIcon } from "@plane/ui";
// components
@ -55,7 +56,14 @@ export const FilterState: FC<Props> = observer((props) => {
key={state?.id}
isChecked={filterValue?.includes(state?.id) ? true : false}
onClick={() => handleInboxIssueFilters("state", handleFilterValue(state.id))}
icon={<StateGroupIcon color={state.color} stateGroup={state.group} height="12px" width="12px" />}
icon={
<StateGroupIcon
color={state.color}
stateGroup={state.group}
size={EIconSize.SM}
percentage={state?.order}
/>
}
title={state.name}
/>
))}