New Directory Setup (#2065)

* 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>

web/hooks/use-comment-reaction.tsx

@@ -0,0 +1,98 @@
+import useSWR from "swr";
+
+// fetch keys
+import { COMMENT_REACTION_LIST } from "constants/fetch-keys";
+
+// services
+import reactionService from "services/reaction.service";
+
+// helpers
+import { groupReactions } from "helpers/emoji.helper";
+
+// hooks
+import useUser from "./use-user";
+
+const useCommentReaction = (
+  workspaceSlug?: string | string[] | null,
+  projectId?: string | string[] | null,
+  commendId?: string | string[] | null
+) => {
+  const {
+    data: commentReactions,
+    mutate: mutateCommentReactions,
+    error,
+  } = useSWR(
+    workspaceSlug && projectId && commendId
+      ? COMMENT_REACTION_LIST(workspaceSlug.toString(), projectId.toString(), commendId.toString())
+      : null,
+    workspaceSlug && projectId && commendId
+      ? () =>
+          reactionService.listIssueCommentReactions(
+            workspaceSlug.toString(),
+            projectId.toString(),
+            commendId.toString()
+          )
+      : null
+  );
+
+  const user = useUser();
+
+  const groupedReactions = groupReactions(commentReactions || [], "reaction");
+
+  /**
+   * @description Use this function to create user's reaction to an issue. This function will mutate the reactions state.
+   * @param {string} reaction
+   * @example handleReactionDelete("123") // 123 -> is emoji hexa-code
+   */
+
+  const handleReactionCreate = async (reaction: string) => {
+    if (!workspaceSlug || !projectId || !commendId) return;
+
+    const data = await reactionService.createIssueCommentReaction(
+      workspaceSlug.toString(),
+      projectId.toString(),
+      commendId.toString(),
+      { reaction },
+      user.user
+    );
+
+    mutateCommentReactions((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 || !commendId) return;
+
+    mutateCommentReactions(
+      (prevData: any) =>
+        prevData?.filter((r: any) => r.actor !== user?.user?.id || r.reaction !== reaction) || [],
+      false
+    );
+
+    await reactionService.deleteIssueCommentReaction(
+      workspaceSlug.toString(),
+      projectId.toString(),
+      commendId.toString(),
+      reaction,
+      user.user
+    );
+
+    mutateCommentReactions();
+  };
+
+  return {
+    isLoading: !commentReactions && !error,
+    commentReactions,
+    groupedReactions,
+    handleReactionCreate,
+    handleReactionDelete,
+    mutateCommentReactions,
+  } as const;
+};
+
+export default useCommentReaction;