plane/web/store/project/project-members.store.ts
guru_sainath d6abb87a3a chore: implemented new store and issue layouts for issues and updated new data structure for issues (#2843)
* fix: Implemented new workflow in the issue store and updated the quick add workflow in list layout

* fix: initial load and mutaion of issues in list layout

* dev: implemented the new project issues store with grouped, subGrouped and unGrouped issue computed functions

* dev: default display properties data made as a function

* conflict: merge conflict resolved

* dev: implemented quick add logic in kanban

* chore: implemented quick add logic in calendar and spreadsheet layout

* fix: spreadsheet layout quick add fix

* dev: optimised the issues workflow and handled the issues order_by filter

* dev: project issue CRUD operations in new issue store architecture

* dev: issues filtering in calendar layout

* fix: build error

* dev/issue_filters_store

* chore: updated filters computed structure

* conflict: merge conflicts resolved in project issues

* dev: implemented gantt chart for project issues using the new mobx store

* dev: initialized cycle and module issue filters store

* dev: issue store and list layout store updates

* dev: quick add and update, delete issue in the list

* refactor list root changes

* dev: store new structure

* refactor spreadsheet and gnatt project roots

* fix errors for base gantt and spreadsheet roots

* connect Calendar project view

* minor house keeping

* connect Kanban View to th enew store

* generalise base calendar issue actions

* dev: store project issues and issue filters

* dev: store project issues and filters

* dev: updated undefined with displayFilters in project issue store

* Add Quick add to all the layouts

* connect module views to store

* dev: Rendering list issues in project issues

* dev: removed console log

* dev: module filters store

* fix errors and connect modules list and quick add for list

* dev: module issue store

* dev: modle filter store issue fixed and updates cycle issue filters

* minor house keeping changes

* dev: cycle issues and cycle filters

* connecty cycles to teh store

* dev: project view issues and issue filtrs

* connect project views

* dev: updated applied filters in layouts

* dev: replaced project id with view id in project views

* dev: in cycle and module store made cycledId and moduleId as optional

* fix minor issues and build errots

* dev: project draft and archived issues store and filters

---------

Co-authored-by: Anmol Singh Bhatia <anmolsinghbhatia@plane.so>
Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com>
Co-authored-by: rahulramesha <rahulramesham@gmail.com>
2023-12-07 19:59:35 +05:30

202 lines
5.8 KiB
TypeScript

import { observable, action, computed, makeObservable, runInAction } from "mobx";
// types
import { RootStore } from "../root";
import { IProjectMember } from "types";
// services
import { ProjectMemberService } from "services/project";
export interface IProjectMemberStore {
// states
error: any | null;
// observables
members: {
[projectId: string]: IProjectMember[] | null; // project_id: members
};
// computed
projectMembers: IProjectMember[] | null;
projectMemberIds: (isLayoutRender?: boolean) => string[];
// actions
getProjectMemberById: (memberId: string) => IProjectMember | null;
getProjectMemberByUserId: (memberId: string) => IProjectMember | null;
fetchProjectMembers: (workspaceSlug: string, projectId: string) => Promise<void>;
removeMemberFromProject: (workspaceSlug: string, projectId: string, memberId: string) => Promise<void>;
updateMember: (
workspaceSlug: string,
projectId: string,
memberId: string,
data: Partial<IProjectMember>
) => Promise<IProjectMember>;
deleteProjectInvitation: (workspaceSlug: string, projectId: string, memberId: string) => Promise<void>;
}
export class ProjectMemberStore implements IProjectMemberStore {
// states
error: any | null = null;
// observables
members: {
[projectId: string]: IProjectMember[]; // projectId: members
} = {};
// root store
rootStore;
// service
projectMemberService;
constructor(_rootStore: RootStore) {
makeObservable(this, {
// observable
members: observable.ref,
// computed
projectMembers: computed,
// action
getProjectMemberById: action,
fetchProjectMembers: action,
removeMemberFromProject: action,
updateMember: action,
});
this.rootStore = _rootStore;
this.projectMemberService = new ProjectMemberService();
}
/**
* Computed value of current members in the project
*/
get projectMembers() {
if (!this.rootStore.project.projectId) return null;
return this.members[this.rootStore.project.projectId] || null;
}
/**
* Get all project information using membership id
* @param memberId
* @returns
*/
getProjectMemberById = (memberId: string) => {
if (!this.rootStore.project.projectId) return null;
const members = this.projectMembers;
if (!members) return null;
const memberInfo: IProjectMember | null = members.find((member) => member.id === memberId) || null;
return memberInfo;
};
/**
* Get user information from the project members using user id
* @param memberId
* @returns
*/
getProjectMemberByUserId = (memberId: string) => {
if (!this.rootStore.project.projectId) return null;
const members = this.projectMembers;
if (!members) return null;
const memberInfo: IProjectMember | null = members.find((member) => member.member.id === memberId) || null;
return memberInfo;
};
projectMemberIds = (isLayoutRender: boolean = false) => {
if (!this.projectMembers) return [];
let memberIds = (this.projectMembers ?? []).map((member) => member.member.id);
memberIds = isLayoutRender ? [...memberIds, "None"] : memberIds;
return memberIds;
};
/**
* fetch the project members info using workspace id and project id
* @param workspaceSlug
* @param projectId
*/
fetchProjectMembers = async (workspaceSlug: string, projectId: string) => {
try {
const membersResponse = await this.projectMemberService.fetchProjectMembers(workspaceSlug, projectId);
const _members = {
...this.members,
[projectId]: membersResponse,
};
runInAction(() => {
this.members = _members;
});
} catch (error) {
console.error(error);
throw error;
}
};
/**
* Remove user from the project
* @param workspaceSlug
* @param projectId
* @param memberId
*/
removeMemberFromProject = async (workspaceSlug: string, projectId: string, memberId: string) => {
const originalMembers = this.projectMembers || [];
try {
runInAction(() => {
this.members = {
...this.members,
[projectId]: this.projectMembers?.filter((member) => member.id !== memberId) || [],
};
});
await this.projectMemberService.deleteProjectMember(workspaceSlug, projectId, memberId);
await this.fetchProjectMembers(workspaceSlug, projectId);
} catch (error) {
// revert back to original members in case of error
runInAction(() => {
this.error = error;
this.members = {
...this.members,
[projectId]: originalMembers,
};
});
throw error;
}
};
/**
* Update member information
* @param workspaceSlug
* @param projectId
* @param memberId
* @param data
* @returns
*/
updateMember = async (workspaceSlug: string, projectId: string, memberId: string, data: Partial<IProjectMember>) => {
const originalMembers = this.projectMembers || [];
try {
runInAction(() => {
this.members = {
...this.members,
[projectId]: (this.projectMembers || [])?.map((member) =>
member.id === memberId ? { ...member, ...data } : member
),
};
});
const response = await this.projectMemberService.updateProjectMember(workspaceSlug, projectId, memberId, data);
await this.fetchProjectMembers(workspaceSlug, projectId);
return response;
} catch (error) {
console.log("Failed to update project member from project store");
// revert back to original members in case of error
runInAction(() => {
this.members = {
...this.members,
[projectId]: originalMembers,
};
});
throw error;
}
};
deleteProjectInvitation = async () => {
try {
} catch (error) {
throw error;
}
};
}