plane/web/hooks/my-issues/use-my-issues.tsx

import { useMemo } from "react";

import { useRouter } from "next/router";

import useSWR from "swr";

// services
import userService from "services/user.service";
// hooks
import useMyIssuesFilters from "hooks/my-issues/use-my-issues-filter";
// types
import { IIssue } from "types";
// fetch-keys
import { USER_ISSUES } from "constants/fetch-keys";

const useMyIssues = (workspaceSlug: string | undefined) => {
  const router = useRouter();

  const { filters, displayFilters } = useMyIssuesFilters(workspaceSlug);

  const params: any = {
    assignees: filters?.assignees ? filters?.assignees.join(",") : undefined,
    created_by: filters?.created_by ? filters?.created_by.join(",") : undefined,
    group_by: displayFilters?.group_by,
    labels: filters?.labels ? filters?.labels.join(",") : undefined,
    order_by: displayFilters?.order_by,
    priority: filters?.priority ? filters?.priority.join(",") : undefined,
    state_group: filters?.state_group ? filters?.state_group.join(",") : undefined,
    subscriber: filters?.subscriber ? filters?.subscriber.join(",") : undefined,
    start_date: filters?.start_date ? filters?.start_date.join(",") : undefined,
    target_date: filters?.target_date ? filters?.target_date.join(",") : undefined,
    type: displayFilters?.type,
  };

  const { data: myIssues, mutate: mutateMyIssues } = useSWR(
    workspaceSlug && router.pathname.includes("my-issues")
      ? USER_ISSUES(workspaceSlug.toString(), params)
      : null,
    workspaceSlug && router.pathname.includes("my-issues")
      ? () => userService.userIssues(workspaceSlug.toString(), params)
      : null
  );

  const groupedIssues:
    | {
        [key: string]: IIssue[];
      }
    | undefined = useMemo(() => {
    if (!myIssues) return undefined;

    if (Array.isArray(myIssues))
      return {
        allIssues: myIssues,
      };

    if (displayFilters?.group_by === "state_detail.group") {
      return myIssues
        ? Object.assign(
            {
              backlog: [],
              unstarted: [],
              started: [],
              completed: [],
              cancelled: [],
            },
            myIssues
          )
        : undefined;
    }

    return myIssues;
  }, [displayFilters, myIssues]);

  const isEmpty =
    Object.values(groupedIssues ?? {}).every((group) => group.length === 0) ||
    Object.keys(groupedIssues ?? {}).length === 0;

  return {
    groupedIssues,
    isEmpty,
    mutateMyIssues,
    params,
  };
};

export default useMyIssues;