forked from github/plane
100 lines
3.1 KiB
TypeScript
100 lines
3.1 KiB
TypeScript
import { useState, useEffect, useCallback } from "react";
|
|
// swr
|
|
import useSWR from "swr";
|
|
// api routes
|
|
import { ISSUE_PROPERTIES_ENDPOINT } from "constants/api-routes";
|
|
// services
|
|
import issueServices from "lib/services/issues.service";
|
|
// hooks
|
|
import useUser from "./useUser";
|
|
// types
|
|
import { IssuePriorities, Properties } from "types";
|
|
|
|
const initialValues: Properties = {
|
|
key: true,
|
|
state: true,
|
|
assignee: true,
|
|
priority: false,
|
|
start_date: false,
|
|
due_date: false,
|
|
cycle: false,
|
|
children_count: false,
|
|
};
|
|
|
|
const useIssuesProperties = (workspaceSlug?: string, projectId?: string) => {
|
|
const [properties, setProperties] = useState<Properties>(initialValues);
|
|
|
|
const { user } = useUser();
|
|
|
|
const { data: issueProperties, mutate: mutateIssueProperties } = useSWR<IssuePriorities>(
|
|
workspaceSlug && projectId ? ISSUE_PROPERTIES_ENDPOINT(workspaceSlug, projectId) : null,
|
|
workspaceSlug && projectId
|
|
? () => issueServices.getIssueProperties(workspaceSlug, projectId)
|
|
: null,
|
|
{
|
|
shouldRetryOnError: false,
|
|
}
|
|
);
|
|
|
|
useEffect(() => {
|
|
if (!issueProperties || !workspaceSlug || !projectId || !user) return;
|
|
setProperties({ ...initialValues, ...issueProperties.properties });
|
|
|
|
if (Object.keys(issueProperties).length === 0)
|
|
issueServices.createIssueProperties(workspaceSlug, projectId, {
|
|
properties: { ...initialValues },
|
|
user: user.id,
|
|
});
|
|
else if (Object.keys(issueProperties?.properties).length === 0)
|
|
issueServices.patchIssueProperties(workspaceSlug, projectId, issueProperties.id, {
|
|
properties: { ...initialValues },
|
|
user: user.id,
|
|
});
|
|
}, [issueProperties, workspaceSlug, projectId, user]);
|
|
|
|
const updateIssueProperties = useCallback(
|
|
(key: keyof Properties) => {
|
|
if (!workspaceSlug || !projectId || !issueProperties || !user) return;
|
|
setProperties((prev) => ({ ...prev, [key]: !prev[key] }));
|
|
mutateIssueProperties(
|
|
(prev) =>
|
|
({
|
|
...prev,
|
|
properties: { ...prev?.properties, [key]: !prev?.properties?.[key] },
|
|
} as IssuePriorities),
|
|
false
|
|
);
|
|
if (Object.keys(issueProperties).length > 0) {
|
|
issueServices.patchIssueProperties(workspaceSlug, projectId, issueProperties.id, {
|
|
properties: {
|
|
...issueProperties.properties,
|
|
[key]: !issueProperties.properties[key],
|
|
},
|
|
user: user.id,
|
|
});
|
|
} else {
|
|
issueServices.createIssueProperties(workspaceSlug, projectId, {
|
|
properties: { ...initialValues },
|
|
user: user.id,
|
|
});
|
|
}
|
|
},
|
|
[workspaceSlug, projectId, issueProperties, user, mutateIssueProperties]
|
|
);
|
|
|
|
const newProperties: Properties = {
|
|
key: properties.key,
|
|
state: properties.state,
|
|
assignee: properties.assignee,
|
|
priority: properties.priority,
|
|
start_date: properties.start_date,
|
|
due_date: properties.due_date,
|
|
cycle: properties.cycle,
|
|
children_count: properties.children_count,
|
|
};
|
|
|
|
return [newProperties, updateIssueProperties] as const;
|
|
};
|
|
|
|
export default useIssuesProperties;
|