forked from github/plane
1e152c666c
* chore: moved app & space from apps to root * chore: modified workspace configuration * chore: modified dockerfiles for space and web * chore: modified icons for space * feat: updated files for new svg icons supported by next-images * chore: added /spaces base path for next * chore: added compose config for space * chore: updated husky configuration * chore: updated workflows for new configuration * chore: changed app name to web * fix: resolved build errors with web * chore: reset file tracing root for both projects * chore: added nginx config for deploy * fix: eslint and tsconfig settings for space app * husky setup fixes based on new dir * eslint fixes * prettier formatting --------- Co-authored-by: Henit Chobisa <chobisa.henit@gmail.com>
91 lines
2.5 KiB
TypeScript
91 lines
2.5 KiB
TypeScript
import useSWR, { mutate } from "swr";
|
|
|
|
// services
|
|
import issuesService from "services/issues.service";
|
|
// hooks
|
|
import useUser from "hooks/use-user";
|
|
import useToast from "hooks/use-toast";
|
|
// components
|
|
import { AddComment, IssueActivitySection } from "components/issues";
|
|
// types
|
|
import { IIssue, IIssueComment } from "types";
|
|
// fetch-keys
|
|
import { PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
|
|
|
|
type Props = {
|
|
workspaceSlug: string;
|
|
issue: IIssue;
|
|
readOnly: boolean;
|
|
};
|
|
|
|
export const PeekOverviewIssueActivity: React.FC<Props> = ({ workspaceSlug, issue, readOnly }) => {
|
|
const { setToastAlert } = useToast();
|
|
|
|
const { user } = useUser();
|
|
|
|
const { data: issueActivity, mutate: mutateIssueActivity } = useSWR(
|
|
workspaceSlug && issue ? PROJECT_ISSUES_ACTIVITY(issue.id) : null,
|
|
workspaceSlug && issue
|
|
? () => issuesService.getIssueActivities(workspaceSlug.toString(), issue?.project, issue?.id)
|
|
: null
|
|
);
|
|
|
|
const handleCommentUpdate = async (comment: IIssueComment) => {
|
|
if (!workspaceSlug || !issue) return;
|
|
|
|
await issuesService
|
|
.patchIssueComment(
|
|
workspaceSlug as string,
|
|
issue.project,
|
|
issue.id,
|
|
comment.id,
|
|
comment,
|
|
user
|
|
)
|
|
.then(() => mutateIssueActivity());
|
|
};
|
|
|
|
const handleCommentDelete = async (commentId: string) => {
|
|
if (!workspaceSlug || !issue) return;
|
|
|
|
mutateIssueActivity((prevData: any) => prevData?.filter((p: any) => p.id !== commentId), false);
|
|
|
|
await issuesService
|
|
.deleteIssueComment(workspaceSlug as string, issue.project, issue.id, commentId, user)
|
|
.then(() => mutateIssueActivity());
|
|
};
|
|
|
|
const handleAddComment = async (formData: IIssueComment) => {
|
|
if (!workspaceSlug || !issue) return;
|
|
|
|
await issuesService
|
|
.createIssueComment(workspaceSlug.toString(), issue.project, issue.id, formData, user)
|
|
.then(() => {
|
|
mutate(PROJECT_ISSUES_ACTIVITY(issue.id));
|
|
})
|
|
.catch(() =>
|
|
setToastAlert({
|
|
type: "error",
|
|
title: "Error!",
|
|
message: "Comment could not be posted. Please try again.",
|
|
})
|
|
);
|
|
};
|
|
|
|
return (
|
|
<div>
|
|
<h4 className="font-medium">Activity</h4>
|
|
<div className="mt-4">
|
|
<IssueActivitySection
|
|
activity={issueActivity}
|
|
handleCommentUpdate={handleCommentUpdate}
|
|
handleCommentDelete={handleCommentDelete}
|
|
/>
|
|
<div className="mt-4">
|
|
<AddComment onSubmit={handleAddComment} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|