forked from github/plane
e1ae0d3b56
* remirror instances commented out to avoid prosemirror conflicts * styles migrated for remirror to tiptap transition * added bubblemenu support with extensions * fixed css for task lists and code with syntax highlighting * added support for slash command * fixed bubble menu to match styles and added better seperation in UI * saving with debounce logic added and it's stored in backend * added migration support by updating to html * Image uploads done * improved file structure and delete image function implemented * Integrated tiptap with Issue Modal * added additional props and Tiptap Integration with Comments * added tiptap integration with user activity feeds * added ref control support and bubble menu support for readonly editor * added tiptap support for plane pages * added tiptap support to gpt assistant modal (yet to be tested) * removed remirror instances and cleaned up code * improved code structure for extracting props in Tiptap * fixing ts errors for next build * fixing node ts error for Horizontal Rule * added ts fix for node types * temp fix * temp fix * added min height for issue description in modal * added resolutions to prosemirror-model version * trying pnpm overrides * explicitly added prosemirror deps * bugfixes * removed extra gap at the top and moved saved indicator to the bottom * fix: slash command scroll position * chore: update custom css variables * matched theme colours * fixed gpt-assistant modal * updated yarn lock * added debounced updates for the title and removed saved state after timeout * added css animations for saved state * build fixes and remove remirror instances * minor commenting fixes --------- Co-authored-by: Palanikannan1437 <73993394+Palanikannan1437@users.noreply.github.com> Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com>
99 lines
2.5 KiB
TypeScript
99 lines
2.5 KiB
TypeScript
import useSWR from "swr";
|
|
|
|
// fetch keys
|
|
import { ISSUE_REACTION_LIST } from "constants/fetch-keys";
|
|
|
|
// helpers
|
|
import { groupReactions } from "helpers/emoji.helper";
|
|
|
|
// services
|
|
import reactionService from "services/reaction.service";
|
|
|
|
// hooks
|
|
import useUser from "./use-user";
|
|
|
|
const useIssueReaction = (
|
|
workspaceSlug?: string | string[] | null,
|
|
projectId?: string | string[] | null,
|
|
issueId?: string | string[] | null
|
|
) => {
|
|
const user = useUser();
|
|
|
|
const {
|
|
data: reactions,
|
|
mutate: mutateReaction,
|
|
error,
|
|
} = useSWR(
|
|
workspaceSlug && projectId && issueId
|
|
? ISSUE_REACTION_LIST(workspaceSlug.toString(), projectId.toString(), issueId.toString())
|
|
: null,
|
|
workspaceSlug && projectId && issueId
|
|
? () =>
|
|
reactionService.listIssueReactions(
|
|
workspaceSlug.toString(),
|
|
projectId.toString(),
|
|
issueId.toString()
|
|
)
|
|
: null
|
|
);
|
|
|
|
const groupedReactions = groupReactions(reactions || [], "reaction");
|
|
|
|
/**
|
|
* @description Use this function to create user's reaction to an issue. This function will mutate the reactions state.
|
|
* @param {string} reaction
|
|
* @example handleReactionCreate("128077") // hexa-code of the emoji
|
|
*/
|
|
|
|
const handleReactionCreate = async (reaction: string) => {
|
|
if (!workspaceSlug || !projectId || !issueId) return;
|
|
|
|
const data = await reactionService.createIssueReaction(
|
|
workspaceSlug.toString(),
|
|
projectId.toString(),
|
|
issueId.toString(),
|
|
{ reaction },
|
|
user.user
|
|
);
|
|
|
|
mutateReaction((prev: any) => [...(prev || []), data]);
|
|
};
|
|
|
|
/**
|
|
* @description Use this function to delete user's reaction from an issue. This function will mutate the reactions state.
|
|
* @param {string} reaction
|
|
* @example handleReactionDelete("123") // 123 -> is emoji hexa-code
|
|
*/
|
|
|
|
const handleReactionDelete = async (reaction: string) => {
|
|
if (!workspaceSlug || !projectId || !issueId) return;
|
|
|
|
mutateReaction(
|
|
(prevData: any) =>
|
|
prevData?.filter((r: any) => r.actor !== user?.user?.id || r.reaction !== reaction) || [],
|
|
false
|
|
);
|
|
|
|
await reactionService.deleteIssueReaction(
|
|
workspaceSlug.toString(),
|
|
projectId.toString(),
|
|
issueId.toString(),
|
|
reaction,
|
|
user.user
|
|
);
|
|
|
|
mutateReaction();
|
|
};
|
|
|
|
return {
|
|
isLoading: !reactions && !error,
|
|
reactions,
|
|
groupedReactions,
|
|
handleReactionCreate,
|
|
handleReactionDelete,
|
|
mutateReaction,
|
|
} as const;
|
|
};
|
|
|
|
export default useIssueReaction;
|