thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

chore: store fixes

Browse Source
This commit is contained in:
sriram veeraghanta 2023-09-21 16:54:11 +05:30
parent 2dcaccd4ec
commit 9b41b5baf5
2 changed files with 169 additions and 182 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/components/issues/peek-overview/layout.tsx
View File

@ -26,8 +26,7 @@ type Props = {
export type TPeekOverviewModes = "side" | "modal" | "full";
export const IssuePeekOverview: React.FC<Props> = observer(
({ handleMutation, projectId, readOnly, workspaceSlug }) => {
export const IssuePeekOverview: React.FC<Props> = observer(({ handleMutation, projectId, readOnly, workspaceSlug }) => {
const [isSidePeekOpen, setIsSidePeekOpen] = useState(false);
const [isModalPeekOpen, setIsModalPeekOpen] = useState(false);
const [peekOverviewMode, setPeekOverviewMode] = useState<TPeekOverviewModes>("side");
@ -36,8 +35,8 @@ export const IssuePeekOverview: React.FC<Props> = observer(
const router = useRouter();
const { peekIssue } = router.query;
const { issues: issuesStore } = useMobxStore();
const { deleteIssue, getIssueById, issues, updateIssue } = issuesStore;
const { issueDetail: issueDetailStore } = useMobxStore();
const { deleteIssue, getIssueById, issues, updateIssue } = issueDetailStore;
const issue = issues[peekIssue?.toString() ?? ""];
@ -189,5 +188,4 @@ export const IssuePeekOverview: React.FC<Props> = observer(
</Transition.Root>
</>
);
}
);
});

73
web/store/issue_detail.ts
View File

@ -3,57 +3,43 @@ import { observable, action, makeObservable, runInAction } from "mobx";
import { RootStore } from "./root";
// services
import { IssueService } from "services/issue.service";
import { IIssue } from "types";
export type IPeekMode = "side" | "modal" | "full";
export interface IIssueViewDetailStore {
export interface IIssueDetailStore {
loader: boolean;
error: any | null;
peekId: string | null;
peekMode: IPeekMode | null;
issue_detail: {
workspace: {
[key: string]: {
issues: {
[key: string]: any;
};
};
};
[key: string]: IIssue;
};
setPeekId: (issueId: string | null) => void;
setPeekMode: (issueId: IPeekMode | null) => void;
// fetch issue details
fetchIssueDetailsAsync: (workspaceId: string, projectId: string, issueId: string) => void;
fetchIssueDetails: (workspaceId: string, projectId: string, issueId: string) => void;
// creating issue
createIssueAsync: (workspaceId: string, projectId: string, issueId: string, data: any) => void;
createIssue: (workspaceId: string, projectId: string, issueId: string, data: any) => void;
// updating issue
updateIssueAsync: (workspaceId: string, projectId: string, issueId: string, data: any) => void;
updateIssue: (workspaceId: string, projectId: string, issueId: string, data: any) => void;
// deleting issue
deleteIssueAsync: (workspaceId: string, projectId: string, issueId: string) => void;
deleteIssue: (workspaceId: string, projectId: string, issueId: string) => void;
}
class IssueViewDetailStore implements IIssueViewDetailStore {
class IssueDetailStore implements IIssueDetailStore {
loader: boolean = false;
error: any | null = null;
peekId: string | null = null;
peekMode: IPeekMode | null = null;
issue_detail: {
workspace: {
[key: string]: {
issues: {
[key: string]: any;
};
};
};
} = {
workspace: {},
};
[key: string]: IIssue;
} = {};
// root store
rootStore;
@ -63,20 +49,21 @@ class IssueViewDetailStore implements IIssueViewDetailStore {
constructor(_rootStore: RootStore) {
makeObservable(this, {
// observable
loader: observable,
error: observable,
loader: observable.ref,
error: observable.ref,
peekId: observable,
peekMode: observable,
issue_detail: observable,
peekId: observable.ref,
peekMode: observable.ref,
issues: observable.ref,
setPeekId: action,
setPeekMode: action,
fetchIssueDetailsAsync: action,
createIssueAsync: action,
updateIssueAsync: action,
deleteIssueAsync: action,
fetchIssueDetails: action,
createIssue: action,
updateIssue: action,
deleteIssue: action,
});
this.rootStore = _rootStore;
@ -84,20 +71,22 @@ class IssueViewDetailStore implements IIssueViewDetailStore {
}
setPeekId = (issueId: string | null) => (this.peekId = issueId);
setPeekMode = (mode: IPeekMode | null) => (this.peekMode = mode);
fetchIssueDetailsAsync = async (workspaceId: string, projectId: string, issueId: string) => {
fetchIssueDetails = async (workspaceId: string, projectId: string, issueId: string) => {
try {
this.loader = true;
this.error = null;
console.log("workspaceId", workspaceId);
console.log("projectId", projectId);
console.log("issueId", issueId);
const issueDetailsResponse = await this.issueService.retrieve(workspaceId, projectId, issueId);
runInAction(() => {
this.loader = false;
this.error = null;
this.issues = {
[issueId]: issueDetailsResponse,
};
});
} catch (error) {
console.log("error in fetching issue details", error);
@ -107,7 +96,7 @@ class IssueViewDetailStore implements IIssueViewDetailStore {
}
};
createIssueAsync = async (workspaceId: string, projectId: string, issueId: string, data: any) => {
createIssue = async (workspaceId: string, projectId: string, issueId: string, data: any) => {
try {
this.loader = true;
this.error = null;
@ -129,12 +118,12 @@ class IssueViewDetailStore implements IIssueViewDetailStore {
}
};
updateIssueAsync = async (workspaceId: string, projectId: string, issueId: string, data: any) => {
updateIssue = async (workspaceId: string, projectId: string, issueId: string, data: any) => {
try {
this.loader = true;
this.error = null;
const filteredParams = this.rootStore.issueFilters.getComputedFilters(
const filteredParams = this.rootStore.issueFilter.getComputedFilters(
workspaceId,
projectId,
null,
@ -161,7 +150,7 @@ class IssueViewDetailStore implements IIssueViewDetailStore {
}
};
deleteIssueAsync = async (workspaceId: string, projectId: string, issueId: string) => {
deleteIssue = async (workspaceId: string, projectId: string, issueId: string) => {
try {
this.loader = true;
this.error = null;
@ -183,4 +172,4 @@ class IssueViewDetailStore implements IIssueViewDetailStore {
};
}
export default IssueViewDetailStore;
export default IssueDetailStore;