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

[WEB-4634]chore: refactor for work items store (#7538)

Browse source 
* chore: refactor for work items store

* chore: updated conditions order
This commit is contained in:
Vamsi Krishna 2025-08-06 22:44:33 +05:30 • committed by GitHub
parent 21c59692f9
commit 9de5b1a009
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
15 changed files with 90 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

3
apps/web/ce/components/issues/issue-layouts/empty-states/team-project.tsx Normal file
View file

@ -0,0 +1,3 @@
import { observer } from "mobx-react";
export const TeamProjectWorkItemEmptyState: React.FC = observer(() => <></>);

7
apps/web/ce/helpers/issue-action-helper.ts
View file

@ -13,3 +13,10 @@ export const useTeamViewIssueActions: () => IssueActions = () => ({
removeIssue: () => Promise.resolve(undefined),
updateFilters: () => Promise.resolve(undefined),
});
export const useTeamProjectWorkItemsActions: () => IssueActions = () => ({
fetchIssues: () => Promise.resolve(undefined),
fetchNextIssues: () => Promise.resolve(undefined),
removeIssue: () => Promise.resolve(undefined),
updateFilters: () => Promise.resolve(undefined),
});

12
apps/web/ce/store/issue/team-project/filter.store.ts Normal file
View file

@ -0,0 +1,12 @@
import { IProjectIssuesFilter, ProjectIssuesFilter } from "@/store/issue/project";
import { IIssueRootStore } from "@/store/issue/root.store";
// @ts-nocheck - This class will never be used, extending similar class to avoid type errors
export type ITeamProjectWorkItemsFilter = IProjectIssuesFilter;
// @ts-nocheck - This class will never be used, extending similar class to avoid type errors
export class TeamProjectWorkItemsFilter extends ProjectIssuesFilter implements ITeamProjectWorkItemsFilter {
constructor(_rootStore: IIssueRootStore) {
super(_rootStore);
}
}

2
apps/web/ce/store/issue/team-project/index.ts Normal file
View file

@ -0,0 +1,2 @@
export * from "./filter.store";
export * from "./issue.store";

13
apps/web/ce/store/issue/team-project/issue.store.ts Normal file
View file

@ -0,0 +1,13 @@
import { IProjectIssues, ProjectIssues } from "@/store/issue/project";
import { IIssueRootStore } from "@/store/issue/root.store";
import { ITeamProjectWorkItemsFilter } from "./filter.store";
// @ts-nocheck - This class will never be used, extending similar class to avoid type errors
export type ITeamProjectWorkItems = IProjectIssues;
// @ts-nocheck - This class will never be used, extending similar class to avoid type errors
export class TeamProjectWorkItems extends ProjectIssues implements ITeamProjectWorkItems {
constructor(_rootStore: IIssueRootStore, teamProjectWorkItemsFilterStore: ITeamProjectWorkItemsFilter) {
super(_rootStore, teamProjectWorkItemsFilterStore);
}
}

3
apps/web/core/components/issues/issue-layouts/empty-states/index.tsx
View file

@ -1,6 +1,7 @@
// plane web components
import { EIssuesStoreType } from "@plane/types";
import { TeamEmptyState, TeamViewEmptyState } from "@/plane-web/components/issues/issue-layouts/empty-states";
import { TeamProjectWorkItemEmptyState } from "@/plane-web/components/issues/issue-layouts/empty-states/team-project";
// components
import { ProjectArchivedEmptyState } from "./archived-issues";
import { CycleEmptyState } from "./cycle";
@ -40,6 +41,8 @@ export const IssueLayoutEmptyState = (props: Props) => {
return <TeamEmptyState />;
case EIssuesStoreType.TEAM_VIEW:
return <TeamViewEmptyState />;
case EIssuesStoreType.TEAM_PROJECT_WORK_ITEMS:
return <TeamProjectWorkItemEmptyState />;
default:
return null;
}

10
apps/web/core/hooks/store/use-issues.ts
View file

@ -6,6 +6,7 @@ import { StoreContext } from "@/lib/store-context";
import { IProjectEpics, IProjectEpicsFilter } from "@/plane-web/store/issue/epic";
// types
import { ITeamIssues, ITeamIssuesFilter } from "@/plane-web/store/issue/team";
import { ITeamProjectWorkItemsFilter, ITeamProjectWorkItems } from "@/plane-web/store/issue/team-project";
import { ITeamViewIssues, ITeamViewIssuesFilter } from "@/plane-web/store/issue/team-views";
import { IWorkspaceIssues } from "@/plane-web/store/issue/workspace/issue.store";
import { IArchivedIssues, IArchivedIssuesFilter } from "@/store/issue/archived";
@ -76,6 +77,10 @@ export type TStoreIssues = {
issues: IProjectEpics;
issuesFilter: IProjectEpicsFilter;
};
[EIssuesStoreType.TEAM_PROJECT_WORK_ITEMS]: defaultIssueStore & {
issues: ITeamProjectWorkItems;
issuesFilter: ITeamProjectWorkItemsFilter;
};
};
export const useIssues = <T extends EIssuesStoreType>(storeType?: T): TStoreIssues[T] => {
@ -147,6 +152,11 @@ export const useIssues = <T extends EIssuesStoreType>(storeType?: T): TStoreIssu
issues: context.issue.projectEpics,
issuesFilter: context.issue.projectEpicsFilter,
}) as TStoreIssues[T];
case EIssuesStoreType.TEAM_PROJECT_WORK_ITEMS:
return merge(defaultStore, {
issues: context.issue.teamProjectWorkItems,
issuesFilter: context.issue.teamProjectWorkItemsFilter,
}) as TStoreIssues[T];
default:
return merge(defaultStore, {
issues: context.issue.projectIssues,

3
apps/web/core/hooks/use-group-dragndrop.ts
View file

@ -19,7 +19,8 @@ type DNDStoreType =
| EIssuesStoreType.WORKSPACE_DRAFT
| EIssuesStoreType.TEAM
| EIssuesStoreType.TEAM_VIEW
| EIssuesStoreType.EPIC;
| EIssuesStoreType.EPIC
| EIssuesStoreType.TEAM_PROJECT_WORK_ITEMS;
export const useGroupIssuesDragNDrop = (
storeType: DNDStoreType,

6
apps/web/core/hooks/use-issue-layout-store.ts
View file

@ -17,6 +17,10 @@ export const useIssueStoreType = () => {
if (userId) return EIssuesStoreType.PROFILE;
if (teamspaceId && viewId) return EIssuesStoreType.TEAM_VIEW;
if (teamspaceId && projectId) return EIssuesStoreType.TEAM_PROJECT_WORK_ITEMS;
if (viewId) return EIssuesStoreType.PROJECT_VIEW;
if (cycleId) return EIssuesStoreType.CYCLE;
@ -29,8 +33,6 @@ export const useIssueStoreType = () => {
if (teamspaceId) return EIssuesStoreType.TEAM;
if (teamspaceId && viewId) return EIssuesStoreType.TEAM_VIEW;
return EIssuesStoreType.PROJECT;
};

9
apps/web/core/hooks/use-issues-actions.tsx
View file

@ -14,7 +14,11 @@ import {
TLoader,
TProfileViews,
} from "@plane/types";
import { useTeamIssueActions, useTeamViewIssueActions } from "@/plane-web/helpers/issue-action-helper";
import {
useTeamIssueActions,
useTeamViewIssueActions,
useTeamProjectWorkItemsActions,
} from "@/plane-web/helpers/issue-action-helper";
import { useIssues } from "./store";
export interface IssueActions {
@ -51,6 +55,7 @@ export const useIssuesActions = (storeType: EIssuesStoreType): IssueActions => {
const draftIssueActions = useDraftIssueActions();
const archivedIssueActions = useArchivedIssueActions();
const workspaceDraftIssueActions = useWorkspaceDraftIssueActions();
const teamProjectWorkItemsActions = useTeamProjectWorkItemsActions();
switch (storeType) {
case EIssuesStoreType.TEAM_VIEW:
@ -76,6 +81,8 @@ export const useIssuesActions = (storeType: EIssuesStoreType): IssueActions => {
return workspaceDraftIssueActions;
case EIssuesStoreType.EPIC:
return projectEpicsActions;
case EIssuesStoreType.TEAM_PROJECT_WORK_ITEMS:
return teamProjectWorkItemsActions;
case EIssuesStoreType.PROJECT:
default:
return projectIssueActions;

14
apps/web/core/store/issue/root.store.ts
View file

@ -15,6 +15,11 @@ import {
import { IProjectEpics, IProjectEpicsFilter, ProjectEpics, ProjectEpicsFilter } from "@/plane-web/store/issue/epic";
import { IIssueDetail, IssueDetail } from "@/plane-web/store/issue/issue-details/root.store";
import { ITeamIssuesFilter, ITeamIssues, TeamIssues, TeamIssuesFilter } from "@/plane-web/store/issue/team";
import {
ITeamProjectWorkItemsFilter,
TeamProjectWorkItemsFilter,
} from "@/plane-web/store/issue/team-project/filter.store";
import { ITeamProjectWorkItems, TeamProjectWorkItems } from "@/plane-web/store/issue/team-project/issue.store";
import {
ITeamViewIssues,
ITeamViewIssuesFilter,
@ -101,6 +106,9 @@ export interface IIssueRootStore {
teamViewIssuesFilter: ITeamViewIssuesFilter;
teamViewIssues: ITeamViewIssues;
teamProjectWorkItemsFilter: ITeamProjectWorkItemsFilter;
teamProjectWorkItems: ITeamProjectWorkItems;
projectViewIssuesFilter: IProjectViewIssuesFilter;
projectViewIssues: IProjectViewIssues;
@ -172,6 +180,9 @@ export class IssueRootStore implements IIssueRootStore {
projectViewIssuesFilter: IProjectViewIssuesFilter;
projectViewIssues: IProjectViewIssues;
teamProjectWorkItemsFilter: ITeamProjectWorkItemsFilter;
teamProjectWorkItems: ITeamProjectWorkItems;
archivedIssuesFilter: IArchivedIssuesFilter;
archivedIssues: IArchivedIssues;
@ -263,6 +274,9 @@ export class IssueRootStore implements IIssueRootStore {
this.projectViewIssuesFilter = new ProjectViewIssuesFilter(this);
this.projectViewIssues = new ProjectViewIssues(this, this.projectViewIssuesFilter);
this.teamProjectWorkItemsFilter = new TeamProjectWorkItemsFilter(this);
this.teamProjectWorkItems = new TeamProjectWorkItems(this, this.teamProjectWorkItemsFilter);
this.archivedIssuesFilter = new ArchivedIssuesFilter(this);
this.archivedIssues = new ArchivedIssues(this, this.archivedIssuesFilter);

3
packages/constants/src/issue/common.ts
View file

@ -101,7 +101,8 @@ export type TCreateModalStoreTypes =
| EIssuesStoreType.PROFILE
| EIssuesStoreType.CYCLE
| EIssuesStoreType.MODULE
| EIssuesStoreType.EPIC;
| EIssuesStoreType.EPIC
| EIssuesStoreType.TEAM_PROJECT_WORK_ITEMS;
export const ISSUE_GROUP_BY_OPTIONS: {
key: TIssueGroupByOptions;

1
packages/types/src/issues/issue.ts
View file

@ -33,6 +33,7 @@ export enum EIssuesStoreType {
DEFAULT = "DEFAULT",
WORKSPACE_DRAFT = "WORKSPACE_DRAFT",
EPIC = "EPIC",
TEAM_PROJECT_WORK_ITEMS = "TEAM_PROJECT_WORK_ITEMS",
}
export type TBaseIssue = {

9
packages/utils/src/work-item/base.ts
View file

@ -102,7 +102,14 @@ export const handleIssuesMutation: THandleIssuesMutation = (
export const handleIssueQueryParamsByLayout = (
layout: EIssueLayoutTypes | undefined,
viewType: "my_issues" | "issues" | "profile_issues" | "archived_issues" | "draft_issues" | "team_issues"
viewType:
| "my_issues"
| "issues"
| "profile_issues"
| "archived_issues"
| "draft_issues"
| "team_issues"
| "team_project_work_items"
): TIssueParams[] | null => {
const queryParams: TIssueParams[] = [];