Uniformize folder structure (#693)

* Uniformize folder structure

* Fix icons

* Fix icons

* Fix tests

* Fix tests

front/src/modules/activities/hooks/useHandleCheckableCommentThreadTargetChange.ts

@@ -0,0 +1,75 @@
+import { getOperationName } from '@apollo/client/utilities';
+import { v4 } from 'uuid';
+
+import { GET_COMPANIES } from '@/companies/queries';
+import { GET_PEOPLE } from '@/people/queries';
+import {
+  CommentThread,
+  CommentThreadTarget,
+  useAddCommentThreadTargetOnCommentThreadMutation,
+  useRemoveCommentThreadTargetOnCommentThreadMutation,
+} from '~/generated/graphql';
+
+import { GET_COMMENT_THREADS_BY_TARGETS } from '../queries';
+import { CommentableEntityForSelect } from '../types/CommentableEntityForSelect';
+
+export function useHandleCheckableCommentThreadTargetChange({
+  commentThread,
+}: {
+  commentThread?: Pick<CommentThread, 'id'> & {
+    commentThreadTargets: Array<
+      Pick<CommentThreadTarget, 'id' | 'commentableId'>
+    >;
+  };
+}) {
+  const [addCommentThreadTargetOnCommentThread] =
+    useAddCommentThreadTargetOnCommentThreadMutation({
+      refetchQueries: [
+        getOperationName(GET_COMPANIES) ?? '',
+        getOperationName(GET_PEOPLE) ?? '',
+        getOperationName(GET_COMMENT_THREADS_BY_TARGETS) ?? '',
+      ],
+    });
+
+  const [removeCommentThreadTargetOnCommentThread] =
+    useRemoveCommentThreadTargetOnCommentThreadMutation({
+      refetchQueries: [
+        getOperationName(GET_COMPANIES) ?? '',
+        getOperationName(GET_PEOPLE) ?? '',
+        getOperationName(GET_COMMENT_THREADS_BY_TARGETS) ?? '',
+      ],
+    });
+
+  return function handleCheckItemChange(
+    newCheckedValue: boolean,
+    entity: CommentableEntityForSelect,
+  ) {
+    if (!commentThread) {
+      return;
+    }
+    if (newCheckedValue) {
+      addCommentThreadTargetOnCommentThread({
+        variables: {
+          commentableEntityId: entity.id,
+          commentableEntityType: entity.entityType,
+          commentThreadId: commentThread.id,
+          commentThreadTargetCreationDate: new Date().toISOString(),
+          commentThreadTargetId: v4(),
+        },
+      });
+    } else {
+      const foundCorrespondingTarget = commentThread.commentThreadTargets?.find(
+        (target) => target.commentableId === entity.id,
+      );
+
+      if (foundCorrespondingTarget) {
+        removeCommentThreadTargetOnCommentThread({
+          variables: {
+            commentThreadId: commentThread.id,
+            commentThreadTargetId: foundCorrespondingTarget.id,
+          },
+        });
+      }
+    }
+  };
+}

front/src/modules/activities/hooks/useOpenCommentThreadRightDrawer.ts

@@ -0,0 +1,22 @@
+import { useRecoilState } from 'recoil';
+
+import { useSetHotkeyScope } from '@/ui/hotkey/hooks/useSetHotkeyScope';
+import { useOpenRightDrawer } from '@/ui/right-drawer/hooks/useOpenRightDrawer';
+import { RightDrawerHotkeyScope } from '@/ui/right-drawer/types/RightDrawerHotkeyScope';
+import { RightDrawerPages } from '@/ui/right-drawer/types/RightDrawerPages';
+
+import { viewableCommentThreadIdState } from '../states/viewableCommentThreadIdState';
+
+export function useOpenCommentThreadRightDrawer() {
+  const openRightDrawer = useOpenRightDrawer();
+  const [, setViewableCommentThreadId] = useRecoilState(
+    viewableCommentThreadIdState,
+  );
+  const setHotkeyScope = useSetHotkeyScope();
+
+  return function openCommentThreadRightDrawer(commentThreadId: string) {
+    setHotkeyScope(RightDrawerHotkeyScope.RightDrawer, { goto: false });
+    setViewableCommentThreadId(commentThreadId);
+    openRightDrawer(RightDrawerPages.EditCommentThread);
+  };
+}

front/src/modules/activities/hooks/useOpenCreateCommentDrawerForSelectedRowIds.ts

@@ -0,0 +1,76 @@
+import { getOperationName } from '@apollo/client/utilities/graphql/getFromAST';
+import { useRecoilState, useRecoilValue } from 'recoil';
+import { v4 } from 'uuid';
+
+import { currentUserState } from '@/auth/states/currentUserState';
+import { GET_COMPANIES } from '@/companies/queries';
+import { GET_PEOPLE } from '@/people/queries';
+import { useSetHotkeyScope } from '@/ui/hotkey/hooks/useSetHotkeyScope';
+import { useOpenRightDrawer } from '@/ui/right-drawer/hooks/useOpenRightDrawer';
+import { RightDrawerHotkeyScope } from '@/ui/right-drawer/types/RightDrawerHotkeyScope';
+import { RightDrawerPages } from '@/ui/right-drawer/types/RightDrawerPages';
+import { selectedRowIdsSelector } from '@/ui/table/states/selectedRowIdsSelector';
+import {
+  ActivityType,
+  CommentableType,
+  useCreateCommentThreadMutation,
+} from '~/generated/graphql';
+
+import { GET_COMMENT_THREAD, GET_COMMENT_THREADS_BY_TARGETS } from '../queries';
+import { commentableEntityArrayState } from '../states/commentableEntityArrayState';
+import { viewableCommentThreadIdState } from '../states/viewableCommentThreadIdState';
+import { CommentableEntity } from '../types/CommentableEntity';
+
+export function useOpenCreateCommentThreadDrawerForSelectedRowIds() {
+  const openRightDrawer = useOpenRightDrawer();
+  const [createCommentThreadMutation] = useCreateCommentThreadMutation();
+  const currentUser = useRecoilValue(currentUserState);
+  const [, setViewableCommentThreadId] = useRecoilState(
+    viewableCommentThreadIdState,
+  );
+  const setHotkeyScope = useSetHotkeyScope();
+
+  const [, setCommentableEntityArray] = useRecoilState(
+    commentableEntityArrayState,
+  );
+
+  const selectedEntityIds = useRecoilValue(selectedRowIdsSelector);
+
+  return function openCreateCommentDrawerForSelectedRowIds(
+    entityType: CommentableType,
+  ) {
+    const commentableEntityArray: CommentableEntity[] = selectedEntityIds.map(
+      (id) => ({
+        type: entityType,
+        id,
+      }),
+    );
+
+    createCommentThreadMutation({
+      variables: {
+        authorId: currentUser?.id ?? '',
+        commentThreadId: v4(),
+        createdAt: new Date().toISOString(),
+        type: ActivityType.Note,
+        commentThreadTargetArray: commentableEntityArray.map((entity) => ({
+          commentableId: entity.id,
+          commentableType: entity.type,
+          id: v4(),
+          createdAt: new Date().toISOString(),
+        })),
+      },
+      refetchQueries: [
+        getOperationName(GET_COMPANIES) ?? '',
+        getOperationName(GET_PEOPLE) ?? '',
+        getOperationName(GET_COMMENT_THREAD) ?? '',
+        getOperationName(GET_COMMENT_THREADS_BY_TARGETS) ?? '',
+      ],
+      onCompleted(data) {
+        setHotkeyScope(RightDrawerHotkeyScope.RightDrawer, { goto: false });
+        setViewableCommentThreadId(data.createOneCommentThread.id);
+        setCommentableEntityArray(commentableEntityArray);
+        openRightDrawer(RightDrawerPages.CreateCommentThread);
+      },
+    });
+  };
+}

front/src/modules/activities/hooks/useOpenCreateCommentThreadDrawer.ts

@@ -0,0 +1,68 @@
+import { getOperationName } from '@apollo/client/utilities';
+import { useRecoilState, useRecoilValue } from 'recoil';
+import { v4 } from 'uuid';
+
+import { currentUserState } from '@/auth/states/currentUserState';
+import { GET_COMPANIES } from '@/companies/queries';
+import { GET_PEOPLE } from '@/people/queries';
+import { useSetHotkeyScope } from '@/ui/hotkey/hooks/useSetHotkeyScope';
+import { useOpenRightDrawer } from '@/ui/right-drawer/hooks/useOpenRightDrawer';
+import { RightDrawerHotkeyScope } from '@/ui/right-drawer/types/RightDrawerHotkeyScope';
+import { RightDrawerPages } from '@/ui/right-drawer/types/RightDrawerPages';
+import {
+  ActivityType,
+  useCreateCommentThreadMutation,
+} from '~/generated/graphql';
+
+import { GET_COMMENT_THREAD, GET_COMMENT_THREADS_BY_TARGETS } from '../queries';
+import { commentableEntityArrayState } from '../states/commentableEntityArrayState';
+import { viewableCommentThreadIdState } from '../states/viewableCommentThreadIdState';
+import { CommentableEntity } from '../types/CommentableEntity';
+
+export function useOpenCreateCommentThreadDrawer() {
+  const openRightDrawer = useOpenRightDrawer();
+  const [createCommentThreadMutation] = useCreateCommentThreadMutation();
+  const currentUser = useRecoilValue(currentUserState);
+  const setHotkeyScope = useSetHotkeyScope();
+
+  const [, setCommentableEntityArray] = useRecoilState(
+    commentableEntityArrayState,
+  );
+  const [, setViewableCommentThreadId] = useRecoilState(
+    viewableCommentThreadIdState,
+  );
+
+  return function openCreateCommentThreadDrawer(
+    entity: CommentableEntity,
+    type: ActivityType,
+  ) {
+    createCommentThreadMutation({
+      variables: {
+        authorId: currentUser?.id ?? '',
+        commentThreadId: v4(),
+        createdAt: new Date().toISOString(),
+        type: type,
+        commentThreadTargetArray: [
+          {
+            commentableId: entity.id,
+            commentableType: entity.type,
+            id: v4(),
+            createdAt: new Date().toISOString(),
+          },
+        ],
+      },
+      refetchQueries: [
+        getOperationName(GET_COMPANIES) ?? '',
+        getOperationName(GET_PEOPLE) ?? '',
+        getOperationName(GET_COMMENT_THREAD) ?? '',
+        getOperationName(GET_COMMENT_THREADS_BY_TARGETS) ?? '',
+      ],
+      onCompleted(data) {
+        setHotkeyScope(RightDrawerHotkeyScope.RightDrawer, { goto: false });
+        setViewableCommentThreadId(data.createOneCommentThread.id);
+        setCommentableEntityArray([entity]);
+        openRightDrawer(RightDrawerPages.CreateCommentThread);
+      },
+    });
+  };
+}

front/src/modules/activities/hooks/useOpenTimelineRightDrawer.ts

@@ -0,0 +1,26 @@
+import { useRecoilState } from 'recoil';
+
+import { useSetHotkeyScope } from '@/ui/hotkey/hooks/useSetHotkeyScope';
+import { useOpenRightDrawer } from '@/ui/right-drawer/hooks/useOpenRightDrawer';
+import { RightDrawerHotkeyScope } from '@/ui/right-drawer/types/RightDrawerHotkeyScope';
+import { RightDrawerPages } from '@/ui/right-drawer/types/RightDrawerPages';
+
+import { commentableEntityArrayState } from '../states/commentableEntityArrayState';
+import { CommentableEntity } from '../types/CommentableEntity';
+
+// TODO: refactor with recoil callback to avoid rerender
+export function useOpenTimelineRightDrawer() {
+  const openRightDrawer = useOpenRightDrawer();
+  const [, setCommentableEntityArray] = useRecoilState(
+    commentableEntityArrayState,
+  );
+  const setHotkeyScope = useSetHotkeyScope();
+
+  return function openTimelineRightDrawer(
+    commentableEntityArray: CommentableEntity[],
+  ) {
+    setHotkeyScope(RightDrawerHotkeyScope.RightDrawer, { goto: false });
+    setCommentableEntityArray(commentableEntityArray);
+    openRightDrawer(RightDrawerPages.Timeline);
+  };
+}